003--js替换全部字符串 - 无replaceAll的解决方案

最新推荐文章于 2025-05-13 09:37:38 发布

转载最新推荐文章于 2025-05-13 09:37:38 发布 · 625 阅读

文章标签：

#js替换全部串

easyui的使用专栏收录该内容

5 篇文章

订阅专栏

本文介绍在JavaScript中如何实现全局字符串替换，包括使用正则表达式、字符串分解连接法及自定义扩展函数的方法。

js替换全部字符串 - 无replaceAll的解决方案

原生js中并没有replaceAll方法，只有replace，如果要将字符串替换，一般使用replace
1)单个替换

var str = '2016-09-19';
var result = str.replace('-','');
console.log(result);
//输出结果是：
//201609-19

replace只会替换找到的第一个原字符，如果想替换所有的字符串，有两种方案：

（1）正则表达式替换所有字符

就需要使用正则表达式：

var str = '2016-09-19';
var result = str.replace(/-/g,'');
console.log(result);

//20160919
//说明：  /-/g 中 /- 是将 - 转义，/g 表示替换所有字符串。

（2）字符串分解连接替换法

var str = '2016-09-19';
var result = str.split('-').join('');
console.log(result);
//打印输出结果是：20160919

（3）自定义函数

以上两种方式比较灵活，但是如果你想写完一次之后，别的地方直接调用，那就要自定义扩展js函数库
在html的标签中加入script代码

<head>
...
<script language="javascript" type="text/javascript">
String.prototype.replaceAll = function (FindText, RepText) {
    regExp = new RegExp(FindText, "g");
    return this.replace(regExp, RepText);
}
</script>
...
</head>

当然，你也可以单独创建一个utils的js文件，然后将代码写到这个文件中，然后引用：

<script language="javascript" type="text/javascript" src="js/utils.js"></script>

注意：utils.js文件中是没有

String.prototype.replaceAll = function (FindText, RepText) { 
regExp = new RegExp(FindText, “g”); 
return this.replace(regExp, RepText); 
}
然后你的js代码中就可以直接用

var str = '2016-09-19';
var result = str.replaceAll('-','');
console.log(result);
...