ES12 中的字符串新功能

随着 JavaScript 的发展，字符串在前端开发中扮演着越来越重要的角色。在 ES12 中，JavaScript 增加了一些新的字符串功能，让我们来一起看看。

1. 字符串包含

在过去，我们通常使用 indexOf() 方法来检查一个字符串是否包含另一个字符串。在 ES12 中，我们可以使用 includes() 方法来检查一个字符串是否包含另一个字符串。

const str = 'Hello, world!';

console.log(str.includes('Hello')); // true
console.log(str.includes('hello')); // false
console.log(str.includes('world')); // true
console.log(str.includes('World')); // false

includes() 方法返回一个布尔值，表示字符串是否包含指定的子字符串。注意，这个方法是区分大小写的。

2. 字符串重复

在 ES12 中，我们可以使用 repeat() 方法来重复一个字符串。

const str = 'abc';

console.log(str.repeat(0)); // ''
console.log(str.repeat(1)); // 'abc'
console.log(str.repeat(2)); // 'abcabc'
console.log(str.repeat(3)); // 'abcabcabc'

repeat() 方法接收一个数字参数，表示要重复字符串的次数。如果传入的参数是负数或者 Infinity，会抛出 RangeError 异常。

3. 字符串替换

在 ES12 中，我们可以使用 replaceAll() 方法来替换字符串中的所有匹配项。

const str = 'Hello, world!';

console.log(str.replaceAll('o', 'a')); // Hella, warld!
console.log(str.replaceAll('l', '')); // Heo, word!
console.log(str.replaceAll('!', '')); // Hello, world

replaceAll() 方法接收两个参数，第一个参数是要替换的字符串，第二个参数是用来替换的字符串。这个方法会返回一个新的字符串，原字符串不会受到影响。

4. 字符串修剪

在 ES12 中，我们可以使用 trimStart() 和 trimEnd() 方法来去除字符串开头和结尾的空格。

const str = '   Hello, world!   ';

console.log(str.trimStart()); // 'Hello, world!   '
console.log(str.trimEnd()); // '   Hello, world!'
console.log(str.trim()); // 'Hello, world!'

trimStart() 方法去除字符串开头的空格，trimEnd() 方法去除字符串结尾的空格，trim() 方法去除字符串开头和结尾的空格。

5. 字符串转义

在 ES12 中，我们可以使用 unescape() 方法来解码字符串中的转义字符。

const str = 'Hello,\\nworld!';

console.log(str); // 'Hello,\nworld!'
console.log(unescape(str)); // 'Hello,
// world!'

unescape() 方法会将字符串中的转义字符还原成它们原本的字符。注意，这个方法只能解码特定的转义字符，如 \n、\r、\t 等。

总结

ES12 中增加的这些字符串新功能，让我们在前端开发中更加便捷地操作字符串。我们可以使用 includes() 方法来检查一个字符串是否包含另一个字符串，使用 repeat() 方法来重复一个字符串，使用 replaceAll() 方法来替换字符串中的所有匹配项，使用 trimStart() 和 trimEnd() 方法来去除字符串开头和结尾的空格，使用 unescape() 方法来解码字符串中的转义字符。学习这些新功能，可以让我们更加高效地编写 JavaScript 代码。

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/656422a5d2f5e1655dd88bad