JS中replace替换全部的正确应用

前端之家收集整理的这篇文章主要介绍了JS中replace替换全部的正确应用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

一般使用

var str = "test-test-test";
str = "test-test-test".replace("test","ok");
console.log(str);

使用正则:

;
str = "test-test-test".replace(/test/g,1)">);
console.log(str);

循环替换

如下这种情况,表情标签的替换,我们需要正常的字符串替换,例如结合 while + indexOf 实现。

var faces = {
  "/::)": "weixiao","/::~": "pizui"
};

var str = "/::)-/::B-/::)-/:8-)-/:8-)";

for (var k in faces) {
  while(str.indexOf(k) > -1) {
    str = str.replace(k,faces[k]);
  }
}

console.log(str);

这样,基本功能实现,不过这是有问题的,如果有一个键值相同的,就会死循环例如:

var str = "/::)-/::B-/:hehe-/:8-)-/:8-)"修改为如下代码解决死循环问题:

var p = -1; // 字符出现位置
  var s = 0;  下一次起始位置
  while((p = str.indexOf(k,s)) > -1) {
    s = p + faces[k].length;  位置 + 值的长度
    str =
/**
 * 字符串替换
 * @param  {string} str    要被替换的字符串
 * @param  {string} substr 要替换的字符串
 * @param  {string} newstr 用于替换的字符串
 * @return {string}        替换后的新字符串
 */
function replace(str,substr,newstr) {
   下一次起始位置

  while((p = str.indexOf(substr,1)">) {
    s = p + newstr.length;  str.replace(substr,newstr);
  }

  return str;
}

console.log( replace("ssssss","ss","s") );  sss

使用RegExp封装

 转义字符串中的元字符
  var re = new RegExp(substr,"g");  生成正则
   str.replace(re,newstr);
}

console.log( replace("ssssss",1)"> sss

 参考地址:http://www.52cik.com/2015/11/06/replace-all.html

猜你在找的JavaScript相关文章