在前端开发中，我们经常需要对数组进行筛选操作。在 ES7 中，新增了 Array.prototype.includes 方法，可以帮助我们更方便地实现数组的多条件筛选。
Array.prototype.includes 方法介绍
Array.prototype.includes 方法用于判断一个数组是否包含指定的值，返回一个布尔值。它的语法如下：
---------------------------- -----------
参数说明：
valueToFind：必需，要查找的元素值。fromIndex：可选，从该索引处开始查找。
该方法返回一个布尔值，表示数组中是否包含指定的元素。
使用 Array.prototype.includes 方法实现多条件筛选
使用 Array.prototype.includes 方法可以轻松实现多条件筛选。我们可以通过传入一个包含多个条件的数组，使用 Array.prototype.filter 方法进行筛选。示例代码如下：
----- ---- - -
- ----- ----- ---- --- ------- --- --
- ----- ----- ---- --- ------- --- --
- ----- ----- ---- --- ------- --- --
- ----- ----- ---- --- ------- --- --
--
----- ------- - -
- ---- --------- ------ --- --
- ---- ------ ------ -- --
--
----- ------ - ------------------ -- -
------ ---------------------- -- -
------ ----------------------------------------
---
---
--------------------在上面的代码中，我们定义了一个数据源 data，包含了多个对象，每个对象包含了 name、age 和 gender 三个属性。我们还定义了一个 filters 数组，其中包含了多个条件，每个条件包含了 key 和 value 两个属性，分别表示要筛选的属性和要筛选的值。最后，我们使用 Array.prototype.filter 方法进行筛选，筛选出符合所有条件的对象。
在筛选的过程中，我们使用了 Array.prototype.every 方法，它用于测试数组中的所有元素是否都通过了指定函数的测试。如果所有元素都通过了测试，则返回 true，否则返回 false。
在测试函数中，我们使用了 Array.prototype.includes 方法来判断对象属性中是否包含指定的值。如果包含，则返回 true，否则返回 false。最后，我们使用 Array.prototype.every 方法来判断所有条件是否都通过了测试，如果都通过了测试，则返回 true，否则返回 false。
总结
在 ES7 中，新增的 Array.prototype.includes 方法可以帮助我们更方便地实现数组的多条件筛选。我们可以通过传入一个包含多个条件的数组，使用 Array.prototype.filter 方法进行筛选，使用 Array.prototype.every 方法来判断所有条件是否都通过了测试。这种方法可以大大简化我们的代码，提高开发效率。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/66055971d10417a2223221bb