JavaScript中的replace方法|极客笔记

JavaScript中的replace方法

在Javascript中，replace() 方法用于在字符串中查找匹配的子串，然后用新的子串替换它。这个方法可以接受两个参数，分别是要替换的子串（可以是正则表达式）和替换后的字符串。

基本语法

replace() 方法的基本语法如下所示：

str.replace(regexp|substr, newSubStr|function)

其中，str 表示要进行替换操作的字符串，regexp|substr 是要被替换的子串，可以是一个正则表达式或者普通的字符串，newSubStr|function 是替换后的新字符串，也可以是一个函数。

替换字符串中的子串

首先，我们来看一个简单的示例，将字符串中的某个子串替换为新的子串：

let str = "Hello, World!";
let newStr = str.replace("World", "JavaScript");
console.log(newStr);

运行结果为：

Hello, JavaScript!

上面的代码中，我们将字符串中的”World”替换为”JavaScript”，替换后的结果为”Hello, JavaScript!”。

使用正则表达式进行替换

除了普通的字符串，我们还可以使用正则表达式来指定要替换的子串。下面是一个使用正则表达式进行替换的示例：

let str = "Hello, 123 World 456!";
let newStr = str.replace(/\d+/g, "JavaScript");
console.log(newStr);

运行结果为：

Hello, JavaScript World JavaScript!

在上面的示例中，我们使用了正则表达式 \d+ 来匹配字符串中的数字，并将所有数字替换为”JavaScript”。

使用函数进行替换

除了替换为固定的字符串，我们还可以使用一个函数来生成替换后的字符串。下面是一个使用函数进行替换的示例：

let str = "Hello, World!";
let newStr = str.replace("World", (match) => match.toUpperCase());
console.log(newStr);

运行结果为：

Hello, WORLD!

在上面的代码中，我们匹配到”World”这个子串后将其转换为大写字母，并替换原来的子串。

替换所有匹配项

如果我们想要替换所有匹配到的子串，而不仅仅是第一个匹配项，可以使用正则表达式并结合 g 参数来实现。下面是一个示例：

let str = "Hello, World! Hello, JavaScript!";
let newStr = str.replace(/Hello/g, "Hi");
console.log(newStr);

运行结果为：

Hi, World! Hi, JavaScript!

上面的代码中，我们使用了正则表达式 /Hello/g 来匹配所有的”Hello”，然后将其替换为”Hi”。

忽略大小写进行替换

有时候我们希望替换时忽略大小写，可以结合正则表达式的 i 参数来实现。下面是一个示例：

let str = "Hello, world! hello, WORLD!";
let newStr = str.replace(/hello/gi, "Hi");
console.log(newStr);

运行结果为：

Hi, world! Hi, WORLD!

在上面的代码中，我们使用了正则表达式 /hello/gi 来匹配”hello”并忽略大小写，然后将其替换为”Hi”。

替换后的结果

需要注意的是，replace() 方法并不会改变原始字符串，而是返回一个新的字符串。如果要改变原始字符串，需要将返回的新字符串赋值给原始字符串变量。示例如下：

let str = "Hello, World!";
str = str.replace("World", "JavaScript");
console.log(str);

运行结果为：

Hello, JavaScript!

总结

replace() 方法是一个常用的字符串替换方法，在处理字符串时非常有用。通过本文的讲解，你应该已经掌握了如何使用 replace() 方法来替换字符串中的子串，包括普通字符串、正则表达式和函数替换等操作。

JavaScript中的replace方法