详解JavaScript 中的 replace 方法

定义和用法 replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。 stringObject.replace(regexp/substr,replacement) 参数 描述 regexp/substr 必需。规定子字符串或要替换的模式的 RegExp 对象。 请注意，如果该值是一个字符串，则将它作为要检索的直接量文本模式，而不是首先被转换为 RegExp 对象。 replacement 必需。一个字符串值。规定了替换文本或生成替换文本的函数。 返回值 一个新的字符串，是用 replacement 替换了 regexp 的 JavaScript中的`replace()`方法是一个非常实用的字符串操作函数，它允许你在字符串中查找特定的模式（可以是子字符串或正则表达式），并将找到的模式替换为指定的新文本。这个方法对于文本处理和数据格式化非常有用。 `replace()`方法的基本语法如下： ```javascript stringObject.replace(regexp/substr, replacement) ``` 其中： - `regexp/substr` 是必需的，它定义了要查找的子字符串或者是一个正则表达式。如果传入的是字符串，那么它会作为直接的文本模式进行匹配；如果是正则表达式，则按照正则规则进行匹配。 - `replacement` 也是必需的，它是一个字符串或者一个函数，用来定义替换后的文本。如果`replacement`是字符串，那么它将直接替换匹配到的文本；如果是一个函数，该函数会在每次匹配时被调用，返回值将作为替换内容。 `replace()`方法只会替换第一个匹配到的子串，除非正则表达式带有全局标志`g`，这样它会替换所有匹配到的子串。 在替换文本中，有几种特殊的字符可以用来引用匹配到的内容： - `$&` 表示与正则表达式匹配的完整字符串。 - `$`加数字（如 `$1`, `$2`）引用捕获组匹配的内容，例如第一个括号内的匹配项是 `$1`，第二个是 `$2`，依此类推。 - `$`加反引号（`$'`）引用匹配字符串右边的字符。 - `$`加左引号（`$`）引用匹配字符串左边的字符。 以下是一些使用`replace()`方法的示例： 1. **简单的替换**： ```javascript var str = "Visit Microsoft!"; document.write(str.replace(/Microsoft/, "W3School")); ``` 输出：“Visit W3School!”，将“Microsoft”替换为“W3School”。 2. **全局替换**： ```javascript var str = "Welcome to Microsoft! We are proud to announce that Microsoft has one of the largest Web Developers sites in the world."; document.write(str.replace(/Microsoft/g, "W3School")); ``` 输出：“Welcome to W3School! We are proud to announce that W3School has one of the largest Web Developers sites in the world.”，全局替换所有“Microsoft”。 3. **大小写转换**： ```javascript text = "javascript Tutorial"; text.replace(/javascript/i, "JavaScript"); ``` 将“javascript”转换为大写的“JavaScript”，不区分大小写的正则表达式`/i`。 4. **调整文本顺序**： ```javascript name = "Doe, John"; name.replace(/(\w+)\s*, \s*(\w+)/, "$2 $1"); ``` 将“Doe, John”转换为“John Doe”。 5. **替换引号**： ```javascript name = '"a", "b"'; name.replace(/"([^"]*)"/g, "'$1'"); ``` 将双引号替换为单引号。 6. **首字母大写**： ```javascript name = 'aaa bbb ccc'; uw = name.replace(/\b\w+\b/g, function(word) { return word.substring(0, 1).toUpperCase() + word.substring(1); }); ``` 将每个单词的首字母转为大写。 7. **使用函数作为替换值**： ```javascript StringObject.replace(searchValue, function(matched, ...captureGroups) { // 函数体，返回替换后的文本 }); ``` 在这里，函数可以接受多个参数，其中`matched`是匹配到的整个字符串，`captureGroups`是匹配到的各个捕获组。 在正则表达式中，`replace()`方法结合`g`标志可以实现全局替换，而`i`标志则表示不区分大小写匹配。同时，使用`$&`、`$1`等特殊字符可以方便地在替换字符串中引用匹配的内容。 理解并熟练运用`replace()`方法，能够极大地提高你在JavaScript中处理字符串的能力，无论是简单的文本替换还是复杂的模式匹配，都能得心应手。