ES7 新特性：数组的 includes() 来判断元素是否存在-JavaScript中文网-JavaScript教程资源分享门户

在前端开发中，经常需要判断一个元素是否存在于一个数组中。在ES7中，新增了一个数组方法includes()，可以方便地判断一个元素是否存在于数组中，而不需要使用indexOf()方法进行判断。

includes() 方法的语法

includes()方法的语法如下：

array.includes(searchElement[, fromIndex])

其中，array是要进行判断的数组，searchElement是要查找的元素，fromIndex是可选参数，表示从哪个位置开始查找。

includes() 方法的返回值

includes()方法返回一个布尔值，表示查找的元素是否存在于数组中。如果存在，则返回true，否则返回false。

includes() 方法的示例代码

下面是一个简单的示例代码，演示了如何使用includes()方法来判断一个元素是否存在于一个数组中：

let arr = [1, 2, 3, 4, 5];
let result = arr.includes(3);
console.log(result); // true
result = arr.includes(6);
console.log(result); // false

在这个示例代码中，我们定义了一个数组arr，然后使用includes()方法来查找数组中是否存在元素3和6。结果表明，元素3存在于数组中，而元素6不存在于数组中。

includes() 方法的应用场景

includes()方法可以方便地判断一个元素是否存在于一个数组中，因此在实际开发中具有广泛的应用场景。下面是一些常见的应用场景：

判断某个值是否在一个数组中

我们可以使用includes()方法来判断一个值是否在一个数组中，从而避免使用indexOf()方法，使代码更加简洁。

let arr = [1, 2, 3, 4, 5];
let value = 3;
if (arr.includes(value)) {
  console.log(`${value} exists in the array`);
} else {
  console.log(`${value} does not exist in the array`);
}

判断两个数组是否相等

我们可以使用includes()方法来判断两个数组是否相等，从而避免使用循环和比较每个元素的方法，使代码更加简洁。

// javascriptcn.com 代码示例
let arr1 = [1, 2, 3];
let arr2 = [1, 2, 3];
if (arr1.length === arr2.length && arr1.every((value, index) => value === arr2[index])) {
  console.log('The two arrays are equal');
} else {
  console.log('The two arrays are not equal');
}

if (arr1.length === arr2.length && arr1.includes(...arr2)) {
  console.log('The two arrays are equal');
} else {
  console.log('The two arrays are not equal');
}

在这个示例代码中，我们定义了两个数组arr1和arr2，然后使用includes()方法来判断它们是否相等。结果表明，两个数组相等。

includes() 方法的注意事项

在使用includes()方法时，需要注意以下几点：

includes()方法区分undefined和null，因此可以正确地判断它们是否存在于数组中。
includes()方法不会改变原数组，而是返回一个新的布尔值。
includes()方法是ES7中新增的方法，因此在一些较老的浏览器中可能不支持，需要使用polyfill进行兼容。

总结

ES7中新增了一个数组方法includes()，可以方便地判断一个元素是否存在于一个数组中。includes()方法可以使代码更加简洁，具有广泛的应用场景，是前端开发中不可或缺的一个方法。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/6588c650eb4cecbf2dde5bad