js字符串拼接-如何替换JS字符串中匹配到多处中某一指定节点？

来源 |

问题先行js字符串拼接，要求搜索关键字js字符串拼接，匹配到四处，那我鼠标放在第二处，我想把它变个颜色，该怎么实现呢？截图如下：

对于如何替换JS字符串中匹配到多处中某一指定节点？今天我们一起来看看。

字符串的替换，我们首先想到的一个属性是replace：

strObject.replace(reg/substr,replacement)

两个参数，第一个参数，需要替换的值（可以是正则匹配式也可以是字符串），第二个参数，替换成的值。
str ="abcdefabdrdwss";str.replace(/"ab"/g, "xy"); console.log(str)  // xycdefxydrdwss

当我们使用正则表达式，如上，加上g,就是全局匹配，不加就是匹配第一个。但是我就想替换第二处的ab。好像没有直接可用的api。那我们可不可以拿到第二处的下标位置，通过字符串截取拼接的方式实现呢？
顺着这个思路，如何找到第二处的下标位置。
 let str ="abcdefabdrdwss";    const reg = new RegExp(‘ab‘, ‘g‘);    let ret;    const arr=[];    while((ret = reg.exec(str))!==null) {      arr.push({id:ret.index,content:ret.input}) // 通过循环把每次匹配的开始下标都放到arr中    }   console.log(arr) //[{id:0,content:"abcdefabdrdwss"},{id:6,content:"abcdefabdrdwss"}]

每处的下标都收集到了，再看如何替换。
  // 字符串的替换，四个参数，第一个是原始字符串，第二个是替换的开始位置，第三是替换的内容    //第四个参数,这里是替换几位index就加几    const replaceStr = (strs, index, text,len) => {      return strs.substring(0, index) + text + strs.substring(index + len);    };　

结合上面的内容，可以直接替换第二个"ab"了：
const newVal= replaceStr(str, arr[1].id, ‘xy‘,2);console.log(newVal)  // abcdefxydrdwss

附上完整的js代码示例：
 const str ="这是主体内容，有很多内容，喜欢看这个内容就关注吧";    const reg = new RegExp(‘内容‘, ‘g‘);    let ret;    const arr=[];    while((ret = reg.exec(str))!==null) {      arr.push({id:ret.index,content:ret.input})     }  const replaceStr = (strs, index, text,len) => {      return strs.substring(0, index) + text + strs.substring(index + len);    }; // 替换文本的第三处“内容”为 “文章”const newVal= replaceStr(str, arr[2].id, ‘文章‘,2);console.log(newVal)  // 这是主体内容，有很多内容，喜欢看这个文章就关注吧

本文完~
限时特惠：本站每日持续更新海量设计资源，一年会员只需29.9元，全站资源免费下载

站长微信：ziyuanshu688
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
js截取字符串

	

		

            
                            
                    htebazile永久VIP                
            			
		
		


            
			 收藏            
			                 海报
                        
             链接