ES7 技巧：使用 Array.prototype.includes 实现多元素判断
在前端开发过程中，我们经常需要对一个数组中的多个元素进行判断，以实现一些复杂逻辑。ES7 的 Array.prototype.includes 方法能够帮助我们更加便捷地实现多元素判断，提高代码效率和可读性。
Array.prototype.includes 方法是 ES7 引入的新方法，用于判断一个数组是否包含某个元素。它的语法如下：
array.includes(searchElement[, fromIndex])
其中，searchElement 是要查找的元素，fromIndex 是可选的起始查找位置，默认值为 0。
下面我们来看一些具体的使用场景。
- 判断数组中是否包含某个元素
我们可以使用 Array.prototype.includes 方法来判断一个数组中是否包含某个元素，例如：
const arr = [1, 2, 3, 4, 5]; console.log(arr.includes(3)); // true console.log(arr.includes(6)); // false
- 判断数组中是否包含多个元素
如果我们需要判断一个数组中是否包含多个元素，可以使用 Array.prototype.every 方法和 Array.prototype.includes 方法结合使用，例如：
const arr = [1, 2, 3, 4, 5]; const elements = [2, 3]; const isContains = elements.every(element => arr.includes(element)); console.log(isContains); // true
在这个例子中，我们首先定义了一个数组 arr 和一个包含要判断的元素的数组 elements。然后我们使用 Array.prototype.every 方法遍历 elements 数组中的每个元素，判断它们是否都包含在 arr 数组中。如果所有元素都包含在 arr 数组中，则返回 true，否则返回 false。
- 判断数组中是否包含任意一个元素
如果我们需要判断一个数组中是否包含任意一个元素，可以使用 Array.prototype.some 方法和 Array.prototype.includes 方法结合使用，例如：
const arr = [1, 2, 3, 4, 5]; const elements = [2, 6]; const isContains = elements.some(element => arr.includes(element)); console.log(isContains); // true
在这个例子中，我们同样定义了一个数组 arr 和一个包含要判断的元素的数组 elements。然后我们使用 Array.prototype.some 方法遍历 elements 数组中的每个元素，判断它们是否有任意一个包含在 arr 数组中。如果有任意一个元素包含在 arr 数组中，则返回 true，否则返回 false。
总结
使用 ES7 的 Array.prototype.includes 方法可以帮助我们更加便捷地实现多元素判断，提高代码效率和可读性。在实际开发中，我们可以根据具体的需求，结合其他数组方法来实现更加复杂的逻辑。
示例代码
-- -------------------- ---- ------- -- ------------- ----- --- - --- -- -- -- --- ----------------------------- -- ---- ----------------------------- -- ----- -- ------------- ----- -------- - --- --- ----- ----------- - ---------------------- -- ----------------------- ------------------------- -- ---- -- --------------- ----- --------- - --- --- ----- ----------- - ---------------------- -- ----------------------- ------------------------- -- ----
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66180264d10417a222807369