在 ES7 中使用 includes() 方法实现数组元素查找
在前端开发中，我们经常需要对数组进行操作，其中包括查找。在 ES7 中，新增了 includes() 方法，可以用来实现数组元素的查找。本文将详细介绍 includes() 方法的使用方法，并给出示例代码。
includes() 方法是一个用来判断一个数组是否包含一个指定的值的方法。它返回一个布尔值，表示数组中是否包含指定的值。例如：
const arr = [1, 2, 3, 4, 5]; console.log(arr.includes(3)); // true console.log(arr.includes(6)); // false
在以上示例中，我们可以看到，includes() 方法可以非常方便地判断一个数组中是否包含指定的值，而不用再写循环来逐一判断。
除了基本数据类型外，它也可以用来查找对象数组元素。例如：
const arr = [
{ id: 1, name: '张三' },
{ id: 2, name: '李四' },
{ id: 3, name: '王五' }
];
console.log(arr.includes({ id: 1, name: '张三' })); // false
console.log(arr.some((item) => item.id === 1)); // true在以上示例中，我们可以看到，如果直接使用 includes() 方法来查找对象数组元素，会返回 false。这是因为 includes() 方法会比较两个对象是否引用同一个地址，所以无法正确判断。我们可以使用 some() 方法来代替 includes()，并自定义判断条件，如上述示例所示。
需要注意的是，includes() 方法是区分大小写的。例如：
const arr = ['apple', 'banana', 'mango'];
console.log(arr.includes('Apple')); // false
console.log(arr.includes('apple')); // true在使用 includes() 方法时，我们还可以指定查找的起始下标。例如：
const arr = ['apple', 'banana', 'mango'];
console.log(arr.includes('apple', 1)); // false
console.log(arr.includes('banana', 1)); // true在以上示例中，第二个参数表示查找的起始下标。在第一个示例中，因为查找起始下标为 1，而 apple 在这个位置之前，所以返回了 false；而在第二个示例中，因为查找起始下标为 1，而 banana 在这个位置，所以返回了 true。
总结：
includes() 方法是 ES7 新增的方法，用来判断一个数组中是否包含指定的值。它可以用来查找基本数据类型和对象数组元素，但需要注意大小写和查找的起始下标。在实际开发中，我们可以使用 includes() 方法来替换循环查找数组元素的方式，以提高代码的效率和可读性。
参考代码：
// javascriptcn.com 代码示例
const arr = [1, 2, 3, 4, 5];
console.log(arr.includes(3)); // true
const objArr = [
{ id: 1, name: '张三' },
{ id: 2, name: '李四' },
{ id: 3, name: '王五' }
];
console.log(objArr.includes({ id: 1, name: '张三' })); // false
console.log(objArr.some((item) => item.id === 1)); // true
const fruitArr = ['apple', 'banana', 'mango'];
console.log(fruitArr.includes('Apple')); // false
console.log(fruitArr.includes('apple')); // true
console.log(fruitArr.includes('apple', 1)); // false
console.log(fruitArr.includes('banana', 1)); // true来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/654a89917d4982a6eb4a9710