JavaScript中实现replaceAll方法

简介: 我们在Java中可以使用replaceAll()方法对字符串进行批量替换,但在JS中replaceAll()方法是undefined,JS中只存在replace()方法,因此我们可以自己封装JS中replaceAll()方法供我们便捷使用。

一、使用replace()方法进行替换

  • 定义一个字符串:
var str = "hello world";
  • 使用replace()方法将字符串中的字母"l"替换成"i",原始做法:
 console.log(str.replace("l","i"));
  • 输出:
“heilo world”
  • 需要执行三次,非常不方便;

二、使用replaceAll()方法替换

  • 封装replaceAll()方法:
String.prototype.replaceAll = function(s1, s2) {
  return this.replace(new RegExp(s1, "gm"), s2);
}
  • 定义一个字符串:
var str = "hello world";
  • 使用replaceAll()方法进行批量替换:
console.log(str.replaceAll("l", "i"));
  • 输出:
“heiio worid”
  • 只需要执行一次,就完成了全部替换需求。
目录
相关文章
|
4天前
|
JavaScript 前端开发
javascript操作BOM的方法
javascript操作BOM的方法
12 0
|
1天前
|
JavaScript 前端开发
JS tostring()和join()方法
JS tostring()和join()方法
6 1
|
1天前
|
存储 JavaScript 前端开发
深入了解JavaScript中的indexOf()方法:实现数组元素的搜索和索引获取
深入了解JavaScript中的indexOf()方法:实现数组元素的搜索和索引获取
6 0
|
2天前
|
JavaScript 前端开发 索引
js添加、删除、替换、插入元素的方法
js添加、删除、替换、插入元素的方法
9 0
|
3天前
|
JavaScript 前端开发
JavaScript 循环方法详解
JavaScript 循环方法详解
17 1
|
3天前
|
JavaScript 前端开发
JavaScript数字方法详解
JavaScript数字方法详解
16 0
|
3天前
|
存储 JavaScript 前端开发
JavaScript对象方法详解
JavaScript对象方法详解
13 1
|
3天前
|
存储 JavaScript 前端开发
JavaScript字符串方法详解
JavaScript字符串方法详解
15 0
|
4天前
|
JavaScript 前端开发
javascript数组排序的方法
javascript数组排序的方法
|
4天前
|
JavaScript 前端开发 安全
javascript操作DOM的方法
javascript操作DOM的方法
10 0