在 JavaScript 中，字符串是不可变的，这意味着一旦创建字符串，就无法更改它。但我们可以使用一些方法来操作和转换字符串。ES12 引入了一个新的 String.prototype.replaceOne 方法，它扩展了字符串的功能并允许我们替换字符串中特定的一次出现。
语法
str.replaceOne(searchValue, replaceValue);
参数
searchValue：需要替换的字符串或正则表达式。replaceValue：替换成的字符串，也可以是一个返回替换字符串的函数。
返回值
返回一个新字符串，其内容是把原字符串中第一次出现的 searchValue 替换成 replaceValue。
示例
以下是 String.prototype.replaceOne 方法的一些示例。
替换第一个匹配项
const str = "a b c d e f g h i j k l m n o p q r s t u v w x y z";
console.log(str.replaceOne("a", "*")); // "* b c d e f g h i j k l m n o p q r s t u v w x y z"在上面的代码中，我们使用 replaceOne 方法替换了字符串中第一个出现的字母 a。
替换第一个匹配项并使用回调函数返回替代值
我们也可以使用一个回调函数作为替换字符串。回调函数的第一个参数表示匹配到的字符串，后面的参数表示匹配的位置。
const str = "foo 1 2 3 bar 4 5 6"; console.log(str.replaceOne(/\d+/, (match, index) => parseInt(match) * 2)); // "foo 2 2 3 bar 4 5 6"
在上面的代码中，我们获取了字符串中第一个数字，并把它乘以 2，然后把结果替换到字符串中。
不替换不存在的匹配项
const str = "hello world";
console.log(str.replaceOne("foo", "bar")); // "hello world"如果字符串中没有与 searchValue 匹配的项，则返回原字符串。我们在上面的代码中使用了一个不存在的匹配项。在这种情况下，replaceOne 方法不会改变原始字符串。
总结
String.prototype.replaceOne 方法是 ES12 中的一个新方法，用于替换字符串中第一次出现的特定值。它向解决我们在某些情况下需要只替换一个匹配到的值的问题。我们可以使用一个回调函数作为替换字符串，以便更灵活地处理替换值。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64ab63ca48841e9894736aa1