JavaScript 函数replace深入了解

什么是replace函数？

replace()是 JavaScript 内置函数之一，它用于在字符串中替换与某个模式匹配的子字符串。replace()函数有两个参数，第一个参数是要替换的内容，可以是字符串或 正则表达式 ；第二个参数是新内容。

语法

string.replace(searchValue, replaceValue)

• searchValue：必需。规定子字符串或要替换的模式的 RegExp 对象。如果该值是字符串，则仅替换第一个出现的子字符串；
• replaceValue：必需。一个字符串值。其一次替换 searchValue 的值的值。可以使用 。使用反向引用，如 $1、$2 等。

注意：在替换操作之前，replace() 将值 searchValue 转换为一个新的字符串，而不是仅使用它作为一个字符串搜索模式。

示例一

const str = "I like cats. My sister like cats too." // 声明一个字符串
const newStr = str.replace("like", "love") // 用"love"替换"like"
console.log(newStr) // 输出结果为："I love cats. My sister like cats too."

在第一个示例中，我们使用了一个字符串 "like" 作为第一个参数来替换 "love"，即将"I like cats. My sister like cats too." 替换为 "I love cats. My sister like cats too."。

示例二

const str = "This sentence contains 33 numbers." // 声明一个字符串
const newStr = str.replace(/\d+/, "7") // 用"7"替换第一个匹配到的数字
console.log(newStr) // 输出结果为："This sentence contains 7 numbers."

在第二个示例中，我们使用了一个正则表达式 /\d+/ 作为第一个参数，它表示匹配包含1个或多个数字的文本。我们用 "7" 作为第二个参数来替换第一个匹配到的数字，即将 "33" 替换为 "7"，结果为 "This sentence contains 7 numbers."。

结论

replace() 函数是 JavaScript 字符串操作中非常有用的一个函数，它可以用于在字符串中替换相关文本或数字。我们在使用replace()函数时，需要注意参数的类型和使用方式，特别是在使用正则表达时，更应该仔细思考使用的方式。