使用 ES7 的 Array.prototype.includes() 检查数组元素是否存在的技巧

在前端开发中,经常需要检查一个数组中是否包含某个元素。以往我们可能会使用 indexOf()find() 等方法来实现,但是 ES7 中新增的 includes() 方法可以更加方便和直观地实现这个功能。

includes() 方法的基本用法

includes() 方法接受一个参数,表示需要检查的元素。如果数组中包含该元素,返回 true,否则返回 false。例如:

----- --- - --- -- -- -- ---
----------------------------- -- ----
----------------------------- -- -----

includes() 方法的高级用法

除了基本用法,includes() 方法还可以接受第二个参数,表示从数组的哪个位置开始检查。例如:

----- --- - --- -- -- -- ---
--------------------------- ---- -- --------- - -------
--------------------------- ---- -- ---------- - ------------------ -

includes() 方法的注意事项

需要注意的是,includes() 方法对于 NaN 和 undefined 的处理和 indexOf() 方法不同。例如:

----- --- - --- ---- -----------
------------------------------ -- --
------------------------------- -- ----
------------------------------------ -- -
------------------------------------- -- ----

示例代码

下面是一个使用 includes() 方法检查数组元素是否存在的示例代码:

----- --- - --------- --------- ----------
----- ----- - ---------

-- --------------------- -
  ---------------- ----- -------- ------------
- ---- -
  ---------------- ----- ---- --- ------- ------------
-

总结

使用 ES7 的 includes() 方法可以更加方便和直观地检查数组中是否包含某个元素。需要注意的是,includes() 方法对于 NaN 和 undefined 的处理和 indexOf() 方法不同。希望这篇文章对大家学习和使用 includes() 方法有所帮助。

来源:JavaScript中文网 ,转载请注明来源 本文地址:https://www.javascriptcn.com/post/65f2a2d62b3ccec22fb37f65