Niko
JS中 replace方法

JS中 replace方法


javascript 字符串 正则表达式

定义和用法

replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。

语法

stringObject.replace(regexp / substr, replacement);
参数描述
regexp/substr必需。规定子字符串或要替换的模式的 RegExp 对象。请注意，如果该值是一个字符串，则将它作为要检索的直接量文本模式，而不是首先被转换为 RegExp 对象。
replacement必需。一个字符串值。规定了替换文本或生成替换文本的函数。

返回值

一个新的字符串，是用 replacement 替换了 regexp 的第一次匹配或所有匹配之后得到的。

说明

字符串 stringObject 的 replace() 方法执行的是查找并替换的操作。它将在 stringObject 中查找与 regexp 相匹配的子字符串，然后用 replacement 来替换这些子串。如果 regexp 具有全局标志 g，那么 replace() 方法将替换所有匹配的子串。否则，它只替换第一个匹配子串。

replacement 可以是字符串，也可以是函数。如果它是字符串，那么每个匹配都将由字符串替换。但是 replacement 中的 $ 字符具有特定的含义。如下表所示，它说明从模式匹配得到的字符串将用于替换。

字符替换文本
$1、$2、…、$99与 regexp 中的第 1 到第 99 个子表达式相匹配的文本。
$&与 regexp 相匹配的子串。
$`位于匹配子串左侧的文本。
$’位于匹配子串右侧的文本。
$$直接量符号。

注意：ECMAScript v3 规定，replace() 方法的参数 replacement 可以是函数而不是字符串。在这种情况下，每个匹配都调用该函数，它返回的字符串将作为替换文本使用。该函数的第一个参数是匹配模式的字符串。接下来的参数是与模式中的子表达式匹配的字符串，可以有 0 个或多个这样的参数。接下来的参数是一个整数，声明了匹配在 stringObject 中出现的位置。最后一个参数是 stringObject 本身。

实例

例 1 普通替换

var str = "Hello Niko!";
console.log(str.replace(/Niko/, "Simple")); // Hello Simple!

例 2 全局替换 /g

var str = "Hello Niko, Welcome Niko!";
console.log(str.replace(/Niko/g, "Simple")); // Hello Simple, Welcome Simple!

例 3 忽略大小写 /i

var str = "Hello niKO, Welcome NIko!";
console.log(str.replace(/Niko/gi, "Simple")); // Hello Simple, Welcome Simple!

例 4 使用$ 交换顺序

var str = "Hello Niko!";
console.log(str.replace(/(\w+)\s* \s*(\w+)/, "$2 $1")); // Niko Hello!

例 5 将所有的双引号替换为单引号

var str = '"Hello" "Niko!"';
console.log(str.replace(/"([^"]*)"/g, "'$1'")); // 'Hello' 'Niko!'

例 6 使用函数把字符串中所有单词的首字母都转换为大写

var str = "hello niko welcome";
console.log(
  str.replace(/\b\w+\b/g, function (word) {
    return word.substring(0, 1).toUpperCase() + word.substring(1);
  })
);
// Hello Niko Welcome

例 7 当匹配的正则内有括号的时候，函数内参数会有影响

还是使用上面的例 6

var str = "hello niko welcome";
str.replace(/\b\w+\b/g, function (word, a, b) {
  console.log(word, "-", a, "-", b);
  return word.substring(0, 1).toUpperCase() + word.substring(1);
});
// word表示匹配到的子串,a是该子串的索引,b是str本身
// hello - 0 - hello niko welcome
// niko - 6 - hello niko welcome
// welcome - 11 - hello niko welcome

当正则内存在括号时:

var str = "hello niko welcome";
str.replace(/\b(\w)(\w+)\b/g, function (word, a, b, c, d) {
  console.log(word, "-", a, "-", b, "-", c, "-", d);
  return word.substring(0, 1).toUpperCase() + word.substring(1);
});
// word表示匹配到的子串,a是第一个字表达式的匹配值,b是第二个字表达式的匹配值,c是该子串的索引,d是str本身
// hello - h - ello - 0 - hello niko welcome
// niko - n - iko - 6 - hello niko welcome
// welcome - w - elcome - 11 - hello niko welcome
© 2025 Niko Xie