我的编程空间,编程开发者的网络收藏夹
学习永远不晚

JavaScript中怎么搜索数组

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

JavaScript中怎么搜索数组

这篇文章给大家介绍JavaScript中怎么搜索数组,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。

1. Array.filter()

我们可以使用Array.filter()方法在数组中查找满足特定条件的元素。例如,如果我们要获取大于10的数字数组中的所有项目,则可以执行以下操作:

JavaScript中怎么搜索数组

使用Array.filter()方法的语法如下:

JavaScript中怎么搜索数组

解释:newArray 是返回新的数组;array 是在其上调用filter方法的数组;callback  是应用于数组每个元素的回调函数。如果数组中没有项目符合条件,则返回一个空数组。有时候,我们不需要满足特定条件的所有元素。我们只需要一个符合条件的元素。在这种情况下,只需要使用find()方法即可。

2. Array.find()

使用Array.find()方法查找满足特定条件的第一个元素。就像filter一样,它以回调为参数,并返回满足回调条件的第一个元素。让我们在示例中演示对数组使用find方法:

JavaScript中怎么搜索数组

array.find()的语法为

JavaScript中怎么搜索数组

回调是在数组中的每个值上执行的函数,带有三个参数:element -要迭代的元素(必填);index -当前元素的索引/位置(可选);array-  find调用的数组(可选)。但是请注意,如果数组中没有项目符合条件,则返回undefined。但是,如果只是想检查某个元素是否在数组中怎么办?怎么做到这一点?

3. Array.includes()

includes()方法确定数组是否包含某个值,并在适当时返回true或false。因此,在下面的示例中,如果我们要检查20是否为数组中的元素之一,则可以执行以下操作:

JavaScript中怎么搜索数组

你注意到了吗?此方法与上面其他方法之间的区别。此方法是接受值而不是回调作为参数。这是include方法的语法:

JavaScript中怎么搜索数组

解释:valueToFind 是您要在数组中检查的值(必填),并且;fromIndex  是您要开始从中搜索元素的数组中的索引或位置(可选)。要了解索引的概念,让我们再次访问示例。如果要检查数组是否在第一个元素之外的其他位置包含10个,可以执行以下操作:

JavaScript中怎么搜索数组

4. Array.indexOf()

indexOf()方法返回可以在数组中找到给定元素的第一个索引。如果数组中不存在该元素,则返回-1。让我们回到我们的例子。让我们找到数组中的索引3。

JavaScript中怎么搜索数组

其语法类似于includes方法的语法。

JavaScript中怎么搜索数组

解释:element 是要在数组中检查的元素(必填);fromIndex  是您要开始从中搜索元素的数组中的索引或位置(可选)。请务必注意,includes和indexOf方法都使用严格的相等性('===')搜索数组。如果值是不同类型的(例如'4'和4),则它们将分别返回false和-1。

关于JavaScript中怎么搜索数组就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

JavaScript中怎么搜索数组

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

PHP中怎么实现搜索数组

这篇文章给大家介绍PHP中怎么实现搜索数组,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。PHP语言中的数组应用是一个需要不断学习的知识点。首先我们要知道如何进行PHP搜索数组,得知道你所搜索的是一个数组,而不是其他的数
2023-06-17

php怎么进行数组搜索

本篇内容介绍了“php怎么进行数组搜索”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!php中可以进行数组搜索。php中提供了两种数组搜索函数
2023-07-02

Java怎么在一维数组中搜索指定元素

本篇内容主要讲解“Java怎么在一维数组中搜索指定元素”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Java怎么在一维数组中搜索指定元素”吧!/**题目: 从scores中查找给定的值value
2023-06-02

C++怎么实现在旋转有序数组中搜索

这篇文章主要介绍了C++怎么实现在旋转有序数组中搜索的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇C++怎么实现在旋转有序数组中搜索文章都会有所收获,下面我们一起来看看吧。Search in Rotated S
2023-06-19

PHP数组操作中匹配搜索数组中的元素和键名是什么

本篇内容主要讲解“PHP数组操作中匹配搜索数组中的元素和键名是什么”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“PHP数组操作中匹配搜索数组中的元素和键名是什么”吧!in_array()函数-匹
2023-06-25

html怎么搜索

HTML怎么搜索HTML(Hypertext Markup Language)是一种用于创建网页的编程语言,可以用于搭建网站、设计页面布局、插入图片、视频和音频等多种功能。作为一名网页设计师或者开发者,熟练掌握HTML语言是非常重要的。但在进行HTML开发过程中,我们有时会遇到一些问题,比如寻找特定元素或样式的代码等。如何快速、准确地搜索到所需的HTML代码?本文将介绍几种实用
2023-05-21

github怎么搜索

GitHub是一个被广泛使用的代码托管平台,拥有全球最大的开源社区,里面有很多有价值的项目和代码资源。GitHub可以作为一个全球性的代码仓库,我们可以在这个仓库里搜索到我们所需的代码资源,为我们的工作或学习提供有力的支持和帮助。在这篇文章
2023-10-22

怎么利用JavaScript实现二叉搜索树

这篇文章给大家分享的是有关怎么利用JavaScript实现二叉搜索树的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。计算机科学中最常用和讨论最多的数据结构之一是二叉搜索树。这通常是引入的第一个具有非线性插入算法的数
2023-06-14

编程热搜

目录