JavaScript 中怎么替换所有指定字符

发布时间:2021-08-11 16:07:41 作者:Leah
来源:亿速云 阅读:175

JavaScript 中怎么替换所有指定字符,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

在 JS 没有提供一种简便的方法来替换所有指定字符。 在 Java 中有一个 replaceAll() ,replaceAll(String regex,  String replacement))方法使用给定的参数 replacement 替换字符串所有匹配给定的正则表达式的子字符串。

在 JS 最新的提案String.prototype.replaceAll() 中,它将replaceAll()方法用于字符串。

在该提案还没出来之前,我们来看看在 JS 中有哪些方法可以实现 reaplceAll 的效果。

JavaScript 中怎么替换所有指定字符

第一种:使用 split 和 join 的方法

这种方法,主要包含二个阶段:

例如,我们将字符串'1+2+3'中的+替换为-。首先,通过split方法根据 +分割符将'1+2+3'分开,得到['1','2','3']。然后通过  join 方法并指定连接字条-,得到结果'1-2-3'。示例如下:

const search = 'duck'; const replaceWith = 'goose';  const result = 'duck duck go'.split(search).join(replaceWith);  result; // => 'goose goose go'

'duck duck go'.split('duck')将字符串分割成几段:['', ' ', ' go']。['', ' ', '  go'].join('goose') 在元素之间插入'goose'并连接起来,得到'goose goose go'。

最后我们把这种方式封装成一个帮助函数 replaceAll:

function replaceAll(string, search, replace) {   return string.split(search).join(replace); }  replaceAll('abba', 'a', 'i');          // => 'ibbi' replaceAll('go go go!', 'go', 'move'); // => 'move move move!' replaceAll('oops', 'z', 'y');          // => 'oops'

这种方法需要将字符串转换为数组,然后再转换回字符串。这是一种变通方法,但不是一个好的解决方案。

2. 使用全局正则表达式replace()

String.prototype。replace(regExp,  replaceWith)搜索正则表达式regExp出现的情况,然后使用replaceWith字符串替换所有匹配项。

必须启用正则表达式上的全局标志,才能使replace()方法替换模式出现的所有内容,我们可以这样做:

我们把所有的duck换成goose:

const searchRegExp = /duck/g const replaceWith = 'goose'  const result = 'duck duck go'.replace(searchRegExp, replaceWith)  result // 'goose goose go'

正则表达式文字/duck/g与'duck'字符串匹配,并且启用了全局模式。

'duck duck go'.replace(/duck/g, 'goose')用'goose'替换所有匹配/duck/g字符串。

通过向正则表达式添加i标志,可以忽略大小写:

const searchRegExp = /duck/gi; const replaceWith = 'goose';  const result = 'DUCK duck go'.replace(searchRegExp, replaceWith);  result; // => 'goose goose go'

再次查看正则表达式:/duck/gi。 正则表达式启用了不区分大小写的搜索:i和全局标志g。  /duck/gi匹配'duck',以及'DUCK','Duck'等。

'DUCK duck go'.replace(/duck/gi,  'goose')以不区分大小写的方式用'goose'替换了/duck/gi`所匹配到的结果。

虽然正则表达式替换了所有出现的字符串,但在我看来,这种方法过于繁琐。

(1) 字符串中的正则表达式

当在运行时确定搜索字符串时,使用正则表达式方法不方便。 从字符串创建正则表达式时,必须转义字符-[] / {}()* +? 。 \ ^ $  |,示例如下:

const search = '+'  const searchRegExp = new RegExp(search, 'g') // // 抛出 SyntaxError 异常 const replaceWith = '-'  const result = '5+2+1',replace(searchRegExp, replaceWith )

上面的代码片段尝试将搜索字符串'+'转换为正则表达式。 但是'+'是无效的正则表达式,因此会引发SyntaxError: Invalid regular  expression: /+/异常。

(2) 字符串的 replace() 方法

如果replace(search, replaceWith)的第一个参数是字符串,那么该方法只替换search的第一个结果。

const search = 'duck'; const replaceWith = 'goose';  const result = 'duck duck go'.replace(search, replaceWith);  result; // => 'goose duck go'

'duck duck go'.replace('duck','goose')仅将'duck'的首次出现替换为'goose'。

3. replaceAll() 方法

最后,新的提案

String.prototype.replaceAll()(在第3阶段)将replaceAll()方法引入到 JavaScript 的字符串中。

replaceAll(search, replaceWith)字符串方法用replaceWith替换所有的search字符串,没有任何变通方法。

我们把所有的duck换成goose:

const search = 'duck' const replaceWith = 'goose';  const result = 'duck duck go'.replaceAll(search, replaceWith);  result; // => 'goose goose go'

'duck duck go'.replaceAll('duck',  'goose')将所有出现的'duck'字符串替换为'goose',这是简单明了的解决方案。

(1) replaceAll()与replace()的区别

字符串方法replaceAll(search, replaceWith)和replace(search,  replaceWith)的行为方式是一样的,除了两件事:

看完上述内容,你们掌握JavaScript 中怎么替换所有指定字符的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注亿速云行业资讯频道,感谢各位的阅读!

推荐阅读:
  1. JavaScript中替换所有匹配内容及正则替换如何实现
  2. javascript 中replace如何使用

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

javascript

上一篇:Python中PyQuery如何使用

下一篇:React 中怎么请求远程数据

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》