在前端开发中，经常会涉及到数组的操作。判断一个数组是否包含某个元素是一项基本的操作。在 ECMAScript 2019 中，新增了 Array.includes 方法，可以方便地判断一个数组是否包含某个元素。本文将详细介绍如何使用 Array.includes 方法，并提供示例代码。
Array.includes 方法的用法
Array.includes 方法用于判断一个数组是否包含某个元素。它的用法非常简单，只需要在数组对象上调用该方法，并传入要查找的元素即可。下面是该方法的语法：
array.includes(searchElement[, fromIndex])
其中，searchElement 是要查找的元素，fromIndex 是可选参数，表示从数组的哪个位置开始查找。如果不传入该参数，则默认从数组的第一个元素开始查找。
该方法的返回值是一个布尔值，表示数组是否包含该元素。
下面是一个简单的示例：
const arr = [1, 2, 3, 4, 5]; const hasThree = arr.includes(3); console.log(hasThree); // true
在上面的示例中，我们创建了一个数组 arr，然后使用 includes 方法判断该数组是否包含元素 3。由于该数组中确实包含元素 3，因此 includes 方法返回 true。
Array.includes 方法的指导意义
Array.includes 方法的出现，使得判断一个数组是否包含某个元素变得更加简单和直观。在 ES5 中，我们需要使用 indexOf 方法来实现这个功能。但是 indexOf 方法的返回值是一个数字，表示要查找元素的位置，而不是布尔值。这样就需要我们手动判断该位置是否存在，才能得出数组是否包含该元素的结论。而 includes 方法的返回值是一个布尔值，使得这个判断过程变得更加自然和直观。
除了更加直观以外，Array.includes 方法还具有更好的性能。在查找一个元素时，indexOf 方法需要遍历整个数组，直到找到该元素。而 includes 方法在找到该元素后就会立即返回，不需要继续遍历整个数组。因此，在查找一个元素时，includes 方法的性能更好。
Array.includes 方法的示例代码
下面是一些使用 Array.includes 方法的示例代码：
查找字符串
const arr = ['apple', 'banana', 'orange'];
const hasBanana = arr.includes('banana');
console.log(hasBanana); // true查找数字
const arr = [1, 2, 3, 4, 5]; const hasThree = arr.includes(3); console.log(hasThree); // true
查找对象
const arr = [{ name: 'Tom' }, { name: 'Jerry' }, { name: 'Spike' }];
const hasTom = arr.includes({ name: 'Tom' }); // false
const tom = { name: 'Tom' };
const hasTom2 = arr.includes(tom); // true在上面的示例中，我们分别使用 Array.includes 方法查找了一个字符串、一个数字和一个对象。需要注意的是，在查找对象时，如果直接使用对象字面量作为参数，那么 includes 方法会将该对象转换为字符串，然后再进行查找。这样就无法准确地判断数组是否包含该对象。因此，我们需要先将该对象保存在一个变量中，然后再将该变量作为参数传入 includes 方法。这样才能准确地判断数组是否包含该对象。
总结
Array.includes 方法是 ECMAScript 2019 新增的一个方法，用于判断一个数组是否包含某个元素。它的用法非常简单，只需要在数组对象上调用该方法，并传入要查找的元素即可。该方法的返回值是一个布尔值，表示数组是否包含该元素。相比于 ES5 中的 indexOf 方法，Array.includes 方法更加直观和性能更好。在实际开发中，我们可以通过该方法来判断一个数组是否包含某个元素，从而实现更加高效和简洁的代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65eec8562b3ccec22f7c0bac