javascript中replace( )方法的使用

下面是关于 JavaScript 中 replace() 方法的完整攻略。

replace() 方法简介

replace() 方法是 JavaScript 中一个非常常用的字符串方法，它用于查找和替换字符串中的某些字符或者子字符串。replace() 方法的语法如下：

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

其中，第一个参数可以是一个正则表达式或者是一个普通字符串，用于匹配要替换的部分；第二个参数可以是一个字符串或者是一个函数，用于指定替换后的结果。

使用字符串作为第一个参数进行替换

如果第一个参数是一个普通字符串，那么 replace() 方法将会替换字符串中所有匹配该字符串的子串。

例如：

const str = 'one two three four two five two';
const result = str.replace('two', '2');
console.log(result); // "one 2 three four 2 five 2"

在上面的示例中，原始字符串中的所有 "two" 被替换成了数字2。

使用正则表达式作为第一个参数进行替换

如果第一个参数是一个正则表达式，那么 replace() 方法将会替换所有匹配该正则表达式的子串。

例如：

const str = 'one two three four TWO five Two';
const result = str.replace(/[Tt]wo/g, '2');
console.log(result); // "one 2 three four 2 five 2"

在上面的示例中，通过正则表达式 /[Tt]wo/g 匹配了所有大小写形式的 "two"，并将其替换成数字 2。

使用函数作为第二个参数进行替换

如果第二个参数是一个函数，那么在每次匹配到要替换的子串时，都会调用该函数，并将匹配到的子串、匹配位置等作为参数传递给这个函数。该函数返回值将作为替换后的结果。

例如：

const str = 'one two three four two five two';
const result = str.replace(/two/g, function(match, index) {
  return match.toUpperCase() + index;
});
console.log(result); // "one TWO0 three four TWO9 five TWO17"

在上面的示例中，使用 /two/g 正则表达式匹配了所有的 "two"，并将其替换成一个大写形式的 "TWO"，同时在匹配位置后加上一个索引值。

总结

replace() 方法是 JavaScript 中一个非常常用的字符串方法，可以通过第一个参数指定要匹配的子串或者正则表达式，通过第二个参数指定替换后的字符串或者函数。在使用该方法时，需要注意参数的类型和语法，以保证替换结果的正确性。