在 Web 开发中，经常需要在数组中查找特定的对象。在 ES7 中，Array.prototype.includes() 方法提供了一种更加简单方便的方式来实现这一目的，本文将介绍这一方法在对象数组中的应用。
什么是 Array.prototype.includes 方法
Array.prototype.includes() 方法用于判断一个数组是否包含一个特定的值，并返回布尔值。其语法如下：
array.includes(valueToFind [, fromIndex])
其中，valueToFind 是要查找的值，fromIndex 是可选参数，是在数组中进行查找的起始位置，默认值为 0。
如何将其应用于对象数组的搜索
在对象数组中查找特定对象通常需要进行遍历或使用某种查找算法。而使用 Array.prototype.includes() 方法，只需要传入要查找的对象，即可返回是否包含该对象的布尔值。
假设需要在一个对象数组 users 中查找姓名为 "Tom" 的用户对象，可以这样实现：
-- -------------------- ---- ------- ----- ----- - - - ----- -------- ---- -- -- - ----- ------ ---- -- -- - ----- ---------- ---- -- -- - ----- ------ ---- -- -- -- ----- ------ - ---------------- ----- ----- --- -------------------- -- -----
上述代码的结果为 false，这是因为 includes() 方法在比较对象时是根据引用地址来比较的，而不是对象属性。所以，需要先找到对象数组中特定对象的引用地址，再使用 includes() 方法进行查找。这可以通过 Array.prototype.findIndex() 方法实现。
const tomIndex = users.findIndex((user) => user.name === "Tom"); const hasTom = tomIndex !== -1; console.log(hasTom); // true
上述代码首先使用 findIndex() 方法查找数组中第一个满足条件的元素，然后判断索引是否为 -1，并将结果存储在变量 hasTom 中。
ES7 Array.prototype.includes 在搜索中的优势
在搜索对象数组时，使用 Array.prototype.includes() 方法有以下优势：
简单方便：只需要传入要查找的对象，即可返回是否包含该对象的布尔值。
适用性强：
includes()方法不仅可以用于数组中简单类型的查找，也可以用于对象类型的查找。性能高效：使用
findIndex()方法查找对象的引用地址比传统的循环遍历或查找算法更加高效。
示例代码
-- -------------------- ---- ------- ----- ----- - - - ----- -------- ---- -- -- - ----- ------ ---- -- -- - ----- ---------- ---- -- -- - ----- ------ ---- -- -- -- ----- -------- - ---------------------- -- --------- --- ------- ----- ------ - -------- --- --- -------------------- -- ----
结论
ES7 中的 Array.prototype.includes() 方法在对象数组的查找使用上非常便利，能够大幅提高代码的可读性和性能。在实际开发中，对于需要搜索对象数组的场景，建议使用该方法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6709ee31d91dce0dc87d180d