在前端开发中,常常需要判断一个特定的字符串是否存在于一个 JavaScript 数组中。本文将介绍如何使用 JavaScript 中的一些方法实现这个功能。
方法一:indexOf()
JavaScript 数组提供了一个叫做 indexOf()
的方法,可以用于查找一个元素在数组中的位置,并返回其下标,如果不存在则返回 -1。
以下是使用 indexOf()
方法来判断字符串是否在数组中的示例代码:
----- ------ - --------- --------- ---------- ----- ------------ - ----------------------- --- --- -- ---- ----- ---------------- - --------------------------- --- --- -- -----
这段代码中,我们定义了一个水果的数组 fruits
,然后使用 indexOf()
方法查找数组中是否包含 'apple'
和 'pineapple'
两个字符串。由于 'apple'
存在于数组中,所以 isAppleExist
变量为 true
,而 'pineapple'
不存在于数组中,所以 isPineappleExist
变量为 false
。
方法二:includes()
除了 indexOf()
方法,ES6 还引入了一个名为 includes()
的方法,用于判断一个元素是否包含在数组中,并返回布尔值。
以下是使用 includes()
方法来判断字符串是否在数组中的示例代码:
----- ------ - --------- --------- ---------- ----- ------------ - ------------------------- -- ---- ----- ---------------- - ----------------------------- -- -----
这段代码中,我们同样定义了一个水果的数组 fruits
,然后使用 includes()
方法查找数组中是否包含 'apple'
和 'pineapple'
两个字符串。由于 'apple'
存在于数组中,所以 isAppleExist
变量为 true
,而 'pineapple'
不存在于数组中,所以 isPineappleExist
变量为 false
。
总结
本文介绍了两种判断 JavaScript 数组中是否包含特定字符串的方法:indexOf()
和 includes()
。这两种方法都可以实现此功能,并且使用起来非常简单。需要注意的是,indexOf()
方法返回的是元素在数组中的下标,而 includes()
方法则直接返回布尔值。
希望这篇文章能够对你有所帮助!
来源:JavaScript中文网 ,转载请注明来源 本文地址:https://www.javascriptcn.com/post/9614