JavaScript 字符串全部替换

在开发 Web 应用的过程中，常常需要替换某个字符串中的所有子字符串。JavaScript 提供了多种解决方案，本文将介绍其中的几种方法及其优缺点。

方法一：使用 String.replace 方法

String.replace 方法可用于替换字符串中的子字符串。该方法返回的是替换后的新字符串。

let str = "hello world";
let newStr = str.replace("world", "JavaScript");
console.log(newStr); // "hello JavaScript"

如果要替换所有符合条件的子字符串，可以利用正则表达式，并在正则表达式上加上 g 标志（表示全局匹配）。

let str = "hello hello world";
let newStr = str.replace(/hello/g, "JavaScript");
console.log(newStr); // "JavaScript JavaScript world"

该方法简单易用，但只能替换一种子字符串，无法实现批量替换。

方法二：使用 String.split 和 Array.join 方法

String.split 方法可以根据指定的分隔符将字符串拆分成数组。将分隔符设为原字符串中需要替换的子字符串，再用 Array.join 方法将数组转换成字符串，即可实现全部替换。

let str = "hello hello world";
let newStr = str.split("hello").join("JavaScript");
console.log(newStr); // "JavaScript JavaScript world"

该方法耗时较多，不适用于大量数据的处理。

方法三：使用正则表达式

正则表达式是 JavaScript 字符串处理的重要工具。利用正则表达式，可以实现较为复杂的替换操作。

let str = "hello hello world";
let reg = /hello/g;
let newStr = str.replace(reg, "JavaScript");
console.log(newStr); // "JavaScript JavaScript world"

上述代码中，通过将正则表达式赋值给变量 reg，可以在后续使用 reg 完成多次替换操作。

常使用 replace 方法结合正则表达式进行字符串替换，该方法可以用一个函数作为其第二个参数。函数的参数中包含匹配到的子字符串、匹配位置等信息，根据这些信息进行替换即可。

let str = "hello 123 hello 456 world";
let reg = /\d+/g;
let newStr = str.replace(reg, function(match) {
  let num = parseInt(match);
  return num * num;
});
console.log(newStr); // "hello 15129 hello 207936 world"

上述代码中，正则表达式 /d+/g 匹配到的是字符串中的数字，利用 function(match) 中的 match 参数，可以实现更加灵活的替换操作。

总结

JavaScript 为开发者提供了多种处理字符串替换的方法，使用时需要根据实际情况进行选择。一般而言，单纯的字符串替换可以使用 replace 方法，多种替换操作可以使用正则表达式，需求更为复杂的操作可以使用 split 和 join 方法。