js找数组中元素5种方式

JavaScript03737

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实战来巩固您学到的知识。