在前端开发中,经常需要检查一个数组中是否包含某个元素。以往我们可能会使用 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