绑定完请刷新页面
取消
刷新

分享好友

×
取消 复制
js 如何全部替代一个子串为另一个子串
2020-07-02 02:14:23

本题摘自于我 github 上的面试每日一题:github.com/shfshanyue/…,并有大厂面经及内推信息

如果需要全量替换字符串,可以使用 String.prototype.replace(re, replacer),其中正则表达式需要开启 global flag

const s = 'foo foo foo'
s.replce(/foo/g, 'bar')
复制代码

那如题中,是否可以使用正则表达式来替代子串

答:不可以,因为使用子串构建正则时,有可能有特殊字符,就有可能出现问题,如下

// 期待结果: 'AhelloX hello3 '
> 'hello. helloX hello3 '.replace(new RegExp('hello. ', 'g'), 'A')
< "AAA"
复制代码

而在 javascript 中替换子串只能使用一种巧妙的办法:str.split('foo').join('bar')

> 'hello. hello. hello. '.split('hello. ').join('A')
< "AAA"
复制代码

真是一个巧(笨)妙(拙)的办法啊!!!!!大概 TC39 也意识到了一个问题,于是出了一个新的 API,在 ESNext

String.prototype.replaceAll()

'aabbcc'.replaceAll('b', '.'); 
// 'aa..cc'
复制代码

详细文档在 String.prototype.replaceAll

总结(及直接答案)

两种办法

  • str.split('foo').join('bar')
  • str.replaceAll('foo', 'bar'),在 ESNext 中,目前支持性不好


分享好友

分享这个小栈给你的朋友们,一起进步吧。

前端问题剖析
创建时间:2020-07-08 10:02:14
本小栈包含前端问题、云服务器、以及包含更多大厂面试问题汇总。
展开
订阅须知

• 所有用户可根据关注领域订阅专区或所有专区

• 付费订阅:虚拟交易,一经交易不退款;若特殊情况,可3日内客服咨询

• 专区发布评论属默认订阅所评论专区(除付费小栈外)

栈主、嘉宾

查看更多
  • llittle
    栈主

小栈成员

查看更多
  • 小雨滴
  • 浮夸流沙
  • long_32
  • LCR_
戳我,来吐槽~