ECMAScript 是一种用于编写 Web 应用程序的通用脚本语言。它是 JavaScript 的标准化版本，与 JavaScript 如出一辙。而 ECMAScript 2019 (ES10) 是 ECMAScript 语言的最新版本，引入了一些重要的新特性，并改进了一些现有功能。在本篇文章中，我们将介绍 ES10 的主要新特性，以及如何在您的项目中使用它们。
数组扁平化
数组扁平化是将多维嵌套的数组转换为一维数组的过程。在 ES10 中，可以通过使用 Array.prototype.flat() 方法来实现数组扁平化。该方法可以接收一个可选的参数 depth，用于指定要展开的嵌套深度。如果未指定该参数，则默认为 1。
例如，假设我们有一个多维嵌套的数组，其中包含数字、字符串和其他数组。使用 flat() 方法，我们可以将其转换为一维数组，如下所示：
const arr = [1, 2, [3, 4, [5, 6]]]; const flattened = arr.flat(); console.log(flattened); // [1, 2, 3, 4, [5, 6]] const doubleFlattened = arr.flat(2); console.log(doubleFlattened); // [1, 2, 3, 4, 5, 6]
空值合并运算符
在 JavaScript 中，当需要为变量分配默认值时，通常会使用短路运算符（例如 ||）。在 ES10 中，可以使用 ?? 运算符来执行相同的操作，同时还支持 null 和 undefined 值。
例如，假设我们有一个变量 name，它可能是 null 或 undefined。使用 ?? 运算符，我们可以为该变量分配一个默认值，如下所示：
const name = null; const defaultName = name ?? 'John'; console.log(defaultName); // 'John'
函数扩展
ES10 还引入了一些对函数进行扩展的新功能。其中包括以下内容：
Array.prototype.flatMap()
该方法可先对数组中的元素执行映射操作，然后将结果展平成新数组。它的行为类似于 Array.prototype.map() 和 Array.prototype.flat() 方法的组合。
例如，假设我们有一个字符串数组，我们想将每个字符串转换为单词数组。可以使用 flatMap() 方法来处理此类操作，如下所示：
const arr = ['hello world', 'goodbye moon'];
const words = arr.flatMap(str => str.split(' '));
console.log(words); // ['hello', 'world', 'goodbye', 'moon']Object.fromEntries()
该方法将一个键值对数组转换为对象。该方法是 Object.entries() 方法的反向操作，并且在创建对象时很有用。
例如，假设我们有一个包含键值对数组的对象，我们想将其转换为常规对象。使用 fromEntries() 方法可以很容易地实现，如下所示：
const entries = [['name', 'John'], ['age', 30]];
const obj = Object.fromEntries(entries);
console.log(obj); // {name: 'John', age: 30}String.prototype.trimStart() 和 String.prototype.trimEnd()
这两个方法分别用于删除字符串开头和结尾部分的空格。它们是 String.prototype.trim() 方法的变种。
例如，假设我们有一个包含空格的字符串，我们想要删除其开头的空格。使用 trimStart() 方法可以很容易地实现，如下所示：
const str = ' Hello world'; console.log(str.trimStart()); // 'Hello world'
数字分隔符
在 ES10 中，允许在数字中使用下划线作为分隔符，以增加数字的可读性。该分隔符对于长数字特别有用。
例如，假设我们有一个大的、难以阅读的数字。使用分隔符可以将其转换为更易读的形式，如下所示：
const num = 1_000_000; console.log(num); // 1000000
总结
ECMAScript 2019 (ES10) 引入了许多新特性，其中包括数组扁平化、空值合并运算符以及各种函数扩展。它还允许开发人员使用数字分隔符来提高数字的可读性。这些新特性可以帮助您编写更清晰、更简洁、更易于维护的代码，在您的项目中为您提供各种实用程序。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6548c6817d4982a6eb308eed