在前端开发中，我们经常需要对数组进行查找操作。传统的做法是使用 Array.prototype.indexOf 方法，但是这种方法有一些限制，比如只能查找基本类型的值，不能查找对象或数组等复杂类型。而 ES7 中新增的 Array.prototype.includes 方法可以解决这个问题，本文将介绍如何使用这个方法来优化数组查找操作。
Array.prototype.includes 方法介绍
Array.prototype.includes 方法可以用来判断数组中是否包含指定的值，其语法如下：
arr.includes(valueToFind[, fromIndex])
其中，valueToFind 表示要查找的值，fromIndex 表示开始查找的位置。如果省略 fromIndex 参数，则默认从头开始查找。
该方法返回一个布尔值，表示数组中是否包含指定的值。
需要注意的是，Array.prototype.includes 方法是 ES7 中新增的方法，因此在使用时需要先进行兼容性判断。
使用 Array.prototype.includes 方法进行数组查找
下面我们通过一个例子来演示如何使用 Array.prototype.includes 方法进行数组查找。
假设我们有一个数组 arr，其中包含多个对象，每个对象都有一个 name 属性，我们需要查找数组中是否包含名字为 "Tom" 的对象。传统的做法是使用 Array.prototype.indexOf 方法，代码如下：
// javascriptcn.com 代码示例
var arr = [
{ name: "Alice", age: 18 },
{ name: "Bob", age: 20 },
{ name: "Tom", age: 22 }
];
var isExist = false;
for (var i = 0; i < arr.length; i++) {
if (arr[i].name === "Tom") {
isExist = true;
break;
}
}
console.log(isExist); // true上面的代码中，我们使用 for 循环遍历数组，逐个比较每个对象的 name 属性是否等于 "Tom"，如果找到了就将 isExist 标记为 true，并退出循环。这种做法虽然可以实现数组查找，但是代码比较冗长，而且不够直观。
现在我们可以使用 Array.prototype.includes 方法来优化上面的代码，代码如下：
// javascriptcn.com 代码示例
var arr = [
{ name: "Alice", age: 18 },
{ name: "Bob", age: 20 },
{ name: "Tom", age: 22 }
];
var isExist = arr.some(item => item.name === "Tom");
console.log(isExist); // true上面的代码中，我们使用了 Array.prototype.some 方法来判断数组中是否存在符合条件的对象。该方法会遍历数组中的每个元素，并对每个元素执行一个回调函数，如果有一个元素满足条件，则返回 true，否则返回 false。在这里，我们使用箭头函数来简化回调函数的写法。
总结
本文介绍了如何使用 ES7 中的 Array.prototype.includes 方法来优化数组查找操作。相比传统的 Array.prototype.indexOf 方法，该方法可以查找复杂类型的值，而且代码更加简洁明了。在实际开发中，我们可以根据具体的需求来选择使用哪种方法，以达到最佳的性能和代码可读性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65507f447d4982a6eb951e7f