js找数组中元素5种方式

JavaScript03675

js找数组中元素5种方式,第1张

1.js的indexOf()方法

var arr_data = [1,2,3]

arr_data.indexOf(1)//如果存在返回值的下标，不存在返回-1

2.jquery的$.inArray()方法

$.inArray(1, arr_data)//如果存在返回值的下标，不存在返回-1

3.arr.find()

数组实例的find()用于找出第一个符合条件的数组元素。它的参数是一个回调函数，所有的数组元素依次遍历该回调函数，直到找出第一个返回值为true的元素，然后返回该元素，否则返回undefined。

注意：find()对于空数组，函数是不会执行的。find()并没有改变数组的原始值

4.arr.findIndex()返回第一个符合条件的数组元素的位置，如果所有的元素都不符合条件，则返回-1.

注意：find(),findIndex()弥补了index的不足：（即判断NAN）

[NaN].indexOf(NaN) // -1

[NaN].findIndex(y =>Object.is(NaN, y))

5.最常见的就是 for和if 的组合

注意: 这里forEach return false 是阻止不了循环的行为；

可以用Array中自带的方法：

arrayObj.shift( )

shift 方法可移除数组中的第一个元素并返回该元素。

例如：

var ary=[1,2,3,4]

var a=ary.shift()//a=1ary=[2,3,4]

arrayObj.slice(start, [end])

slice 方法返回一个 Array 对象，其中包含了 arrayObj 的指定部分。

参数：start，截取数组开始下标。end截止的下标，但不包括end元素

例如：

var ary=[1,2,3,4]

var newary=ary.slice(0, 2)；//newary=[1,2]，不包括下标2 所对应的元素3。

多端阅读《javascript教程》:

在PC/MAC上查看：下载w3cschool客户端，进入客户端后通过搜索当前教程手册的名称并下载，就可以查看当前离线教程文档。下载javascript教程离线版客户端

在手机APP上查看：请从各大安卓应用商店、苹果App Store搜索并下载w3cschool手机客户端，在App中搜索当前教程手册的名称查看。下载w3cschool手机App端

在手机上查看文档：https://m.w3cschool.cn/javascript/

手册简介:

JavaScript 是世界上最流行的脚本语言。 JavaScript 是属于 web 的语言，它适用于 PC、笔记本电脑、平板电脑和移动电话。 JavaScript 被设计为向 HTML 页面增加交互性。 许多 HTML 开发者都不是程序员，但是 JavaScript 却拥有非常简单的语法。几乎每个人都有能力将小的 JavaScript 片段添加到网页中。

手册说明:

Javascript，从“最被误解的语言”，最后神奇地转变成为“最流行的语言”，证明它经受得起时间的考验。虽然单独来看，它的交互设计有些失败，但是加上Ajax的完美配合，javascript就成了一款轻便并且又实用的好语法。

如果您想要更高效、更系统地学会javascript，您最好采用边学边练（javascript微课）的学习模式。

如果您觉得javascript的学习难度较高，不易理解，建议您采用视频教程进行学习：javascript视频课程

接下来让我们静下心来，翻开这本关于Javascript的教程，你可以学习到JavaScript 代码规范、JavaScript 函数撰写、javascript 正则表达式、JavaScript 逻辑运算等基础内容，除此之外，本书还有进阶的Javascript高级教程，最好在熟读前面的基础知识之后，再考虑继续之后的教程。

高级教程当中包含的内容有很重要的JavaScript 对象介绍，JavaScript Window对象模型介绍，JavaScript 库以及JavaScript 实例等等，每一个章节都值得细细研读。

学完本教程之后，建议您进行javascript实战来巩固您学到的知识。