引言
随着 JavaScript （以下简称 JS） 的高效发展，JS 已经成为了前端开发中不可分割的一部分。ES7和ES8中提供了很多的新特性和语法糖，其中关于数组（Array）的新特性具有很高的实用价值。本篇文章将深入探讨ES7 和 ES8中关于数组的新特性，希望读者可以从中获得深入的学习和实用指导。
ES7 和 ES8 中关于数组的新特性
1. includes
includes() 方法用于判断数组是否包含某个值，返回一个布尔值，是一个非常好用的方法。这个方法首次在 ES7 中引入，具体应用如下：
const arr = [1, 2, 3, 4, 5]; console.log(arr.includes(3)); // true console.log(arr.includes(6)); // false
2. exponentiation
计算一个数的幂非常常见，ES8 中引入了一个计算幂运算的运算符 “**” ，例如：
console.log(2 ** 3); // 8 （相当于 2的3次方） console.log(4 ** 0.5); // 2 （相当于4的1/2次方）
3. padStart 和 padEnd
ES8 中新引入的 padStart 和 padEnd 是字符串的新方法，它可以在字符串的左侧或者右侧填充一些字符串，让字符串达到一个指定的长度。它们也可以应用在数组的任何元素上。
const arr = [1, 2, 3]; console.log(arr[0].toString().padStart(2, "0")); // "01" console.log(arr[1].toString().padEnd(2, "0")); // "20"
在上述代码中，我们将字符串 “0” 填充到数字的左侧（padStart）或右侧（padEnd），并设定填充的长度为2。
4. Array#flat
flat() 方法可以将嵌套的数组“扁平化”，也就是把多层嵌套的数组变为一层。这个方法的依赖库有很多，而在 ES8 中它已经成为了 ECMAScript 的一部分。具体代码如下：
const arr = [1, [2, [3, 4]]]; console.log(arr.flat()); // [1, 2, [3, 4]] console.log(arr.flat(2)); // [1, 2, 3, 4]
在上述代码中， flat() 方法的默认参数是 1，表示将多层的数组扁平化为一层数组，而我们可以传入一个参数，来规定要扁平化的层数。
5. Array#flatMap
在 ES8 中，我们还可以用 flatMap() 方法来对数组进行“降维打击”，它可以首先调用 map() 方法，然后在扁平化整个结果。这个方法可以将嵌套的数组转换为展平的数组，并将每个数组项映射到新的数组。下面是一个例子：
const arr = [1, 2, 3]; console.log(arr.flatMap(x => [x * 2])); // [2, 4, 6]
在上述代码中，我们首先将数组中每个元素乘以 2，然后去掉内层数组，最后返回一个扁平化的数组。
总结
ES7 和 ES8 中的新特性和语法糖为 JavaScript 的开发者提供了更多便利和灵活性。本篇文章深度解读了 ES7 和 ES8 中的数组新特性，内容详尽有深度，在学习和实践中可以为前端开发者提供更多有价值的实用指导。在实际应用中，学会运用这些新特性不仅可以提高自身的编写效率，更是一个技能上的提高。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64a9188d48841e9894565632