在最新的 ES11 标准中，我们看到了一些新的字符串和数组操作符。这些操作符能够极大地简化一些字符串和数组的操作，并使得代码更加易读和简洁。在本文中，我们将深入探讨这些新的操作符，并且提供一些实用的示例代码，让读者更好地使用这些新的操作符。
字符串操作符
字符串 repeat 操作符
repeat 操作符可以将一个字符串重复指定次数，并返回一个新的字符串。示例代码如下：
const str = 'hello'; const newStr = str.repeat(3); console.log(newStr); // 输出 hellohellohello
字符串 trimStart 和 trimEnd 操作符
trimStart 和 trimEnd 操作符可以分别去除字符串开头和结尾的空格，返回一个新字符串。示例代码如下：
const str = ' hello world '; const newStr1 = str.trimStart(); const newStr2 = str.trimEnd(); console.log(newStr1); // 输出 'hello world ' console.log(newStr2); // 输出 ' hello world'
字符串 matchAll 操作符
matchAll 操作符可以从一个字符串中匹配所有的正则表达式，返回一个迭代器，每个迭代器中包含了所有匹配的结果。示例代码如下：
const str = 'hello world';
const regex = /l/g;
const matches = str.matchAll(regex);
for (const match of matches) {
console.log(match);
}字符串 replaceAll 操作符
replaceAll 操作符可以从一个字符串中替换所有的正则表达式，返回一个新的字符串。示例代码如下：
const str = 'hello world';
const newStr = str.replaceAll('o', 'a');
console.log(newStr); // 输出 'hella warld'数组操作符
数组 flat 和 flatMap 操作符
flat 和 flatMap 操作符可以将嵌套的数组转换为扁平化的数组，并返回一个新的数组。flatMap 操作符还可以在这个过程中进行数组元素的映射。示例代码如下：
const arr = [1, 2, [3, 4, [5]]]; const newArr1 = arr.flat(); const newArr2 = arr.flatMap(x => [x * 2]); console.log(newArr1); // 输出 [1, 2, 3, 4, [5]] console.log(newArr2); // 输出 [2, 4, 6, 8, 10]
数组 fill 操作符
fill 操作符可以将数组的所有元素都赋予为指定的值，并返回一个新数组。示例代码如下：
const arr = [1, 2, 3]; const newArr = arr.fill(0); console.log(newArr); // 输出 [0, 0, 0]
数组 fromEntries 操作符
fromEntries 操作符可以从一个键值对数组中创建一个新的对象，并返回该对象。示例代码如下：
const entries = [['a', 1], ['b', 2], ['c', 3]];
const obj = Object.fromEntries(entries);
console.log(obj); // 输出 {a: 1, b: 2, c: 3}总结
ES11 中的新字符串和数组操作符为我们提供了更加灵活和简洁的编程方式，可以让我们更容易地处理各种字符串和数组的操作。本文提供了详细的演示和使用示例，希望可以帮助读者更好地理解和应用这些新的操作符。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/653fa9277d4982a6eb938380