js replace函数怎么用|极客笔记

js replace函数怎么用

JavaScript中的replace()函数是用于在字符串中替换指定内容的方法。该方法可以接收两个参数，第一个参数是要替换的内容（可以是字符串或正则表达式），第二个参数是替换成的内容（可以是字符串或函数）。下面我们将详细介绍replace()函数的用法。

语法

replace()函数的语法如下：

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

regexp|substr：可以是一个正则表达式或者一个子串，在替换时将被新的子串替代。
newSubStr|function：可以是一个字符串，也可以是一个函数，用于替换匹配到的内容。

替换为固定字符串

当我们使用replace()方法将一个字符串中的某段文本替换为另一个固定的字符串时，可以直接将要替换的文本和替换的字符串作为参数传入replace()方法。例如：

let str = "I like apples and oranges.";
let newStr = str.replace("apples", "bananas");

console.log(newStr); // Output: "I like bananas and oranges."

在这个示例中，将字符串中的”apples”替换为”bananas”。

使用正则表达式替换

replace()方法也支持使用正则表达式进行替换。例如，我们可以用正则表达式来匹配所有数字并将它们替换为”X”。

let str = "Today is 2022-10-21.";
let newStr = str.replace(/\d+/g, "X");

console.log(newStr); // Output: "Today is XXXX-XX-XX."

在这个示例中，通过正则表达式/\d+/g匹配所有数字，然后将它们替换为”X”。

使用函数进行替换

除了替换为固定字符串外，我们还可以使用一个函数来动态生成替换文本。这个函数接收多个参数，包括匹配文本、匹配位置等。例如，我们可以将一个字符串中的所有大写字母转换为小写。

let str = "Hello World!";
let newStr = str.replace(/[A-Z]/g, (match) => match.toLowerCase());

console.log(newStr); // Output: "hello world!"

在这个示例中，我们使用正则表达式/[A-Z]/g匹配所有大写字母，并在替换时通过箭头函数将其转换为小写字母。

全局替换

在上面的示例中，我们使用了正则表达式的全局匹配模式g来替换所有匹配的内容。如果不使用全局匹配模式，则只会替换第一个匹配到的内容。例如：

let str = "apple, orange, banana, apple";
let newStr = str.replace("apple", "pear");

console.log(newStr); // Output: "pear, orange, banana, apple"

在这个示例中，只有第一个”apple”被替换为”pear”，而第二个”apple”保持不变。

如果想要替换所有匹配到的内容，可以使用正则表达式并添加全局匹配模式g。例如：

let str = "apple, orange, banana, apple";
let newStr = str.replace(/apple/g, "pear");

console.log(newStr); // Output: "pear, orange, banana, pear"

这样就可以将所有匹配到的”apple”都替换为”pear”。

不改变原始字符串

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

let str = "Hello World!";
let newStr = str.replace("Hello", "Hola");

console.log(str); // Output: "Hello World!"
console.log(newStr); // Output: "Hola World!"

在这个示例中，我们需要将新字符串赋给str变量才能改变原始字符串。

以上就是JavaScript中replace()方法的详细用法介绍。

js replace函数怎么用