搜索替换用js实现

使用字符串的 replace 方法

字符串的 replace 方法可以直接替换匹配的文本或正则表达式。

let str = "Hello World";
let newStr = str.replace("World", "JavaScript");
console.log(newStr); // 输出: "Hello JavaScript"

使用正则表达式全局替换

如果需要替换所有匹配项，需使用正则表达式并添加 g 标志。

let str = "apple apple";
let newStr = str.replace(/apple/g, "orange");
console.log(newStr); // 输出: "orange orange"

使用回调函数动态替换

可以通过回调函数动态生成替换内容。

let str = "1, 2, 3";
let newStr = str.replace(/\d+/g, match => parseInt(match) * 2);
console.log(newStr); // 输出: "2, 4, 6"

替换特殊字符或转义字符

处理特殊字符时需注意转义，例如替换换行符。

let str = "Line 1\nLine 2";
let newStr = str.replace(/\n/g, "<br>");
console.log(newStr); // 输出: "Line 1<br>Line 2"

替换 HTML 标签或特定内容

结合正则表达式处理 HTML 或特定格式内容。

let html = "<div>Content</div>";
let cleanHtml = html.replace(/<[^>]+>/g, "");
console.log(cleanHtml); // 输出: "Content"

链式替换多个模式

通过多次调用 replace 实现多模式替换。

let str = "foo bar baz";
str = str.replace(/foo/g, "qux").replace(/bar/g, "quux");
console.log(str); // 输出: "qux quux baz"