如何使用 ES11 中的 String.prototype.replaceAll() 方法替换换行符

在前端开发中，经常需要处理字符串中的特殊字符，其中换行符是一个常见的特殊字符。ES11 中新增了 String.prototype.replaceAll() 方法，可以方便地替换字符串中的所有匹配项，包括换行符。本文将介绍如何使用这个方法替换字符串中的换行符。

String.prototype.replaceAll() 方法

String.prototype.replaceAll() 方法用于将字符串中的所有匹配项替换为指定的字符串。它的语法如下：

str.replaceAll(searchValue, replaceValue)

其中，searchValue 表示要替换的字符串或正则表达式，replaceValue 表示用于替换的字符串或回调函数。

这个方法和 String.prototype.replace() 方法类似，但是 replace() 方法只会替换第一个匹配项，而 replaceAll() 方法会替换所有匹配项。另外，replaceAll() 方法是 ES11 中新增的，需要使用 polyfill 或者在支持该方法的浏览器中使用。

替换换行符

在 JavaScript 中，换行符有两种表示方式：\n 和 \r\n。如果要替换字符串中的换行符，需要将两种表示方式都考虑到。下面是一个示例代码：

const str = 'hello\nworld\r\nhello\nworld';
const newStr = str.replaceAll(/\r?\n/g, '<br>');
console.log(newStr); // hello<br>world<br>hello<br>world

上面的代码中，首先定义了一个字符串 str，其中包含了两种换行符。然后使用 replaceAll() 方法将所有的换行符替换为 <br> 标签。其中，正则表达式 /(\r?\n)/g 匹配了所有的换行符，? 表示 r 字符可选，g 表示全局匹配。替换后的字符串是 hello<br>world<br>hello<br>world。

需要注意的是，如果要在 HTML 中显示替换后的字符串，需要使用 innerHTML 属性，否则 <br> 标签会被当做文本显示。

总结

ES11 中新增的 String.prototype.replaceAll() 方法可以方便地替换字符串中的所有匹配项，包括换行符。使用正则表达式可以匹配所有的换行符，然后将它们替换为指定的字符串。在实际开发中，如果需要处理字符串中的特殊字符，可以考虑使用这个方法。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65dd8c4f1886fbafa4ae338f