JavaScript 中实现 replaceAll：从传统方案到原生支持

const str = "hello world, hello javascript";
const newStr = str.replace(/hello/g, "hi"); 
// 输出: "hi world, hi javascript"

const str = "a.b.c.d";
// 错误：. 会匹配任意字符，导致全部替换
const wrong = str.replace(/./g, ","); // 输出 ",,,,,"
 
// 正确：转义特殊字符
const correct = str.replace(/\./g, ","); // 输出 "a,b,c,d"

function escapeRegExp(string) {
  // 转义正则中的特殊字符：. * + ? ^ $ { } ( ) | [ ] \
  return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); 
  // $& 表示匹配的整个子串（即每个特殊字符）
}
 
// 使用示例
const target = "a.b.c";
const search = ".";
const regex = new RegExp(escapeRegExp(search), "g");
const result = target.replace(regex, ","); 
// 输出 "a,b,c"

const str = "apple,banana,apple,cherry";
const newStr = str.split("apple").join("orange"); 
// 输出: "orange,banana,orange,cherry"

function replaceAllLoop(str, search, replacement) {
  let result = str;
  // 当 search 是字符串且不为空时，循环替换
  while (result.indexOf(search) !== -1) {
    result = result.replace(search, replacement);
  }
  return result;
}
 
// 测试
const str = "hello hello hello";
const replaced = replaceAllLoop(str, "hello", "hi"); 
// 输出: "hi hi hi"

const str = "foo foo foo";
const newStr = str.replaceAll("foo", "bar"); 
// 输出: "bar bar bar"

const str = "hello123world456";
// 替换所有数字
const newStr = str.replaceAll(/\d+/g, "***"); 
// 输出: "hello***world***"
 
// 错误示例：正则不带 g 标志会报错
// str.replaceAll(/\d+/, "***"); // TypeError: 正则必须带 g 标志

/**
 * 全局替换字符串（兼容字符串和正则搜索）
 * @param {string} str - 原始字符串
 * @param {string|RegExp} search - 搜索值（字符串或正则）
 * @param {string|Function} replacement - 替换值（字符串或函数）
 * @return {string} 替换后的新字符串
 */
function replaceAll(str, search, replacement) {
  if (typeof str !== "string") {
    return str; // 非字符串直接返回（或抛错，根据需求）
  }
  // 处理搜索值为字符串的情况：转义后转为正则
  if (typeof search === "string") {
    const escaped = escapeRegExp(search);
    const regex = new RegExp(escaped, "g");
    return str.replace(regex, replacement);
  }
  // 处理搜索值为正则的情况：检查是否带 g 标志
  if (search instanceof RegExp) {
    if (!search.global) {
      // 复制正则并添加 g 标志（保留原正则的 i/m 等标志）
      const flags = [
        search.global ? "g" : "",
        search.ignoreCase ? "i" : "",
        search.multiline ? "m" : ""
      ].join("").replace(/^$/, "g"); // 确保至少有 g 标志
      const regex = new RegExp(search.source, flags);
      return str.replace(regex, replacement);
    }
    return str.replace(search, replacement);
  }
  return str; // 无效搜索值，返回原字符串
}
 
// 正则转义函数（复用之前的）
function escapeRegExp(string) {
  return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
}
 
// 测试用例
const str1 = "a.b.c.d";
console.log(replaceAll(str1, ".", ",")); // 输出 "a,b,c,d"
 
const str2 = "hello123world456";
console.log(replaceAll(str2, /\d+/, "***")); // 输出 "hello***world***"

// 大量匹配项的长字符串
const longStr = "a,b,c,d,".repeat(10000); 
 
// split+join
console.time("split+join");
longStr.split(",").join("|");
console.timeEnd("split+join"); // 约 1ms
 
// 正则 replace
console.time("regex");
longStr.replace(/,/g, "|");
console.timeEnd("regex"); // 约 0.5ms
 
// 循环 replace
console.time("loop");
replaceAllLoop(longStr, ",", "|");
console.timeEnd("loop"); // 约 5ms（多次 replace 效率低）

const str = "price: $9.99";
// 错误：$ 和 . 被当作正则特殊字符
str.replace(/$/g, ""); // 无效果（$ 匹配行尾）
 
// 正确：转义后再替换
const search = "$9.99";
const regex = new RegExp(escapeRegExp(search), "g");
str.replace(regex, ""); // 输出 "price: "

const str = "hello";
const newStr = str.replaceAll("l", "x");
console.log(str); // 仍为 "hello"
console.log(newStr); // "hex xo"