作为一名前端开发人员，了解最新的 ECMAScript 规范（也称为 ES）是非常重要的。本文将介绍 ES8 中新增的两个数组方法——Array.prototype.includes() 和 Array.prototype.flat() 的使用方式，帮助读者更好地处理数组数据。
Array.prototype.includes()
Array.prototype.includes() 方法可以检查一个数组是否包含一个特定的元素，并返回一个布尔值。如果找到该元素，则返回 true；否则返回 false。该方法可以减少代码复杂度，因为我们可以不再需要通过 indexOf() 等方法来寻找数组中的元素。
下面是一个示例：
const nums = [1, 2, 3, 4, 5]; console.log(nums.includes(3)); // 输出 true console.log(nums.includes(6)); // 输出 false
上述代码中，我们首先创建了一个包含数字 1 到 5 的数组 nums。利用 includes() 方法，我们可以检查数组中是否包含数字 3 和数字 6。由于 nums 中包含数字 3，因此第一次调用 includes() 返回 true。而 nums 不包含数字 6，因此第二次调用 includes() 返回 false。
需要注意的是，includes() 方法的第二个参数表示从哪个索引位置开始查找，这与 indexOf() 方法类似。
Array.prototype.flat()
Array.prototype.flat() 方法可以将嵌套的数组“展平”，使其变为一维数组。该方法可以使用 Infinity 参数来平展所有嵌套等级的嵌套性质数组。该方法的功能非常强大，在处理一些嵌套的对象和数组时，能够让代码变得更加简单，可读性更高。
下面是一个示例：
const arr = [1, [2, [3, [4]]]]; console.log(arr.flat(1)); // 输出: [1, 2, [3, [4]]] const arr2 = [1, [2, [3, [4]]]]; console.log(arr2.flat(Infinity)); // 输出: [1, 2, 3, 4]
上述代码中，我们首先创建了一个嵌套数组 arr。调用 arr.flat(1) 方法可以将其展平，但是仍然存在一层嵌套。调用 arr2.flat(Infinity) 方法可以将 arr2 完全展平，其中数字 1 到 4 都变为一维数组中的元素。
通过上述示例可以看到，Array.prototype.flat() 方法具有很强的灵活性和可定制性。
结论
ES8 中，新增了 Array.prototype.includes() 和 Array.prototype.flat() 方法，分别用于寻找特定元素以及将嵌套的数组“展平”。这两个方法都是非常实用的，可以帮助我们优化代码、提高代码执行效率，并减少代码的复杂度。
作为前端开发人员，了解 ECMAScript 规范并熟练使用其中的方法，可以提高我们的开发效率，促进我们更好的解决问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67516af18bd460d3ad8982c9