当前位置：首页 > JavaScript

搜索替换用js实现

2026-03-01 18:45:03JavaScript

使用 JavaScript 实现搜索替换功能

JavaScript 提供了多种方法来实现字符串的搜索和替换功能。以下是几种常见的方法：

方法一：使用 replace() 方法

replace() 方法是字符串对象的内置方法，用于替换字符串中的匹配项。

const originalString = "Hello World";
const searchValue = "World";
const replaceValue = "JavaScript";

const newString = originalString.replace(searchValue, replaceValue);
console.log(newString); // 输出: "Hello JavaScript"

方法二：使用正则表达式进行全局替换

默认情况下，replace() 方法只替换第一个匹配项。如需替换所有匹配项，需使用正则表达式并添加 g 标志。

const originalString = "apple orange apple";
const searchValue = /apple/g;
const replaceValue = "banana";

const newString = originalString.replace(searchValue, replaceValue);
console.log(newString); // 输出: "banana orange banana"

方法三：不区分大小写的替换

使用正则表达式并添加 i 标志，可以实现不区分大小写的替换。

const originalString = "Apple apple APPLE";
const searchValue = /apple/gi;
const replaceValue = "orange";

const newString = originalString.replace(searchValue, replaceValue);
console.log(newString); // 输出: "orange orange orange"

方法四：使用函数作为替换值

replace() 方法可以接受一个函数作为第二个参数，用于动态生成替换值。

const originalString = "The price is $10 and $20";
const searchValue = /\$\d+/g;

const newString = originalString.replace(searchValue, match => {
  const price = parseInt(match.substring(1));
  return `$${price * 2}`;
});
console.log(newString); // 输出: "The price is $20 and $40"

方法五：替换特定位置的字符串

如需替换特定位置的字符串，可以使用 substring() 或 slice() 方法结合字符串拼接。

const originalString = "Replace this part";
const startIndex = 8;
const endIndex = 12;
const replaceValue = "that";

const newString = originalString.substring(0, startIndex) + 
                  replaceValue + 
                  originalString.substring(endIndex);
console.log(newString); // 输出: "Replace that part"

注意事项

搜索替换用js实现