js中使用replace() 方法的正确姿势

Posted 2021-12-08 铁锤妹妹@

1. replace() 定义

replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。

2. 语法

stringObject.replace(regexp/substr,replacement)   //replacement一个新字符串值

返回值
一个新的字符串，是用 replacement 替换了 regexp 的第一次匹配或所有匹配之后得到的。

3. 结合例子讲解

 let reg = /\\/Public/g  //加上转义符的意思是防止程序把 /public 的斜杠以为正则的开始
 let renderUrl = '/Public/Kindeditor/attached/image/20200314.jpg'
 let newRenderUrl = renderUrl.replace(reg, 'http://blog.csdn.net/Public')   //图片链接中所有 /public 替换成 http://blog.csdn.net/Public 这个域名前缀
 console.log(newRenderUrl)  //http://blog.csdn.net/Public/Kindeditor/attached/image/20200314.jpg

如果把renderUrl替换一下，看看返回值会是什么

 let reg = /\\/Public/g
 let renderUrl = 'https://inews.gtimg.com/newsapp_bt/0/11299392482/1000.jpg'
 let newRenderUrl = renderUrl.replace(reg, 'http://blog.csdn.net/Public')
 console.log(newRenderUrl)  //https://inews.gtimg.com/newsapp_bt/0/11299392482/1000.jpg

总结：

replace替换，当匹配到的时候就替换，返回替换后的新字符串。当匹配不到的时候，就不处理，原样返回，什么都不改变。