在前端开发中，经常需要判断一个元素是否存在于一个数组中。在ES7中，新增了一个数组方法includes()，可以方便地判断一个元素是否存在于数组中，而不需要使用indexOf()方法进行判断。
includes() 方法的语法
includes()方法的语法如下：
------------------------------ -----------
其中，array是要进行判断的数组，searchElement是要查找的元素，fromIndex是可选参数，表示从哪个位置开始查找。
includes() 方法的返回值
includes()方法返回一个布尔值，表示查找的元素是否存在于数组中。如果存在，则返回true，否则返回false。
includes() 方法的示例代码
下面是一个简单的示例代码，演示了如何使用includes()方法来判断一个元素是否存在于一个数组中：
--- --- - --- -- -- -- --- --- ------ - ---------------- -------------------- -- ---- ------ - ---------------- -------------------- -- -----
在这个示例代码中，我们定义了一个数组arr，然后使用includes()方法来查找数组中是否存在元素3和6。结果表明，元素3存在于数组中，而元素6不存在于数组中。
includes() 方法的应用场景
includes()方法可以方便地判断一个元素是否存在于一个数组中，因此在实际开发中具有广泛的应用场景。下面是一些常见的应用场景：
判断某个值是否在一个数组中
我们可以使用includes()方法来判断一个值是否在一个数组中，从而避免使用indexOf()方法，使代码更加简洁。
--- --- - --- -- -- -- --- --- ----- - -- -- --------------------- - --------------------- ------ -- --- -------- - ---- - --------------------- ---- --- ----- -- --- -------- -
判断两个数组是否相等
我们可以使用includes()方法来判断两个数组是否相等，从而避免使用循环和比较每个元素的方法，使代码更加简洁。
--- ---- - --- -- --- --- ---- - --- -- --- -- ------------ --- ----------- -- ------------------ ------ -- ----- --- ------------- - ---------------- --- ------ --- -------- - ---- - ---------------- --- ------ --- --- -------- - -- ------------ --- ----------- -- ----------------------- - ---------------- --- ------ --- -------- - ---- - ---------------- --- ------ --- --- -------- -
在这个示例代码中，我们定义了两个数组arr1和arr2，然后使用includes()方法来判断它们是否相等。结果表明，两个数组相等。
includes() 方法的注意事项
在使用includes()方法时，需要注意以下几点：
- includes()方法区分undefined和null，因此可以正确地判断它们是否存在于数组中。
- includes()方法不会改变原数组，而是返回一个新的布尔值。
- includes()方法是ES7中新增的方法，因此在一些较老的浏览器中可能不支持，需要使用polyfill进行兼容。
总结
ES7中新增了一个数组方法includes()，可以方便地判断一个元素是否存在于一个数组中。includes()方法可以使代码更加简洁，具有广泛的应用场景，是前端开发中不可或缺的一个方法。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6588c650eb4cecbf2dde5bad