分享更有价值
被信任是一种快乐

常用的javascript数组操作方法有哪些

文章页正文上

这篇文章主要介绍“常用的javascript数组操作方法有哪些”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“常用的javascript数组操作方法有哪些”文章能帮助大家解决问题。javascript数组方法有很多,有数组原型方法,有从object对象继承来的方法,还可以分为使用后改变和不改变原数组的方法,每一个分类中包含着很多种不同的javascript数组方法,下面简单列举10个常用的javascript数组方法,相应的给出一个例子。1、push()功能:向数组的末尾添加一个或更多元素,并返回数组新的长度。参数:push(newData1, newData2, ……)代码如下:2、shift()功能:方法用于删除并返回数组的第一个元素。参数:无代码如下:3、sort()sort():按升序排列数组项——即最小的值位于最前面,最大的值排在最后面。在排序时,sort()方法会调用每个数组项的 toString()转型方法,然后比较得到的字符串,以确定如何排序。即使数组中的每一项都是数值, sort()方法比较的也是字符串,因此会出现以下的这种情况:为了解决上述问题,sort()方法可以接收一个比较函数作为参数,以便我们指定哪个值位于哪个值的前面。比较函数接收两个参数,如果第一个参数应该位于第二个之前则返回一个负数,如果两个参数相等则返回 0,如果第一个参数应该位于第二个之后则返回一个正数。以下就是一个简单的比较函数:如果需要通过比较函数产生降序排序的结果,只要交换比较函数返回的值即可:4、splice()splice():很强大的数组方法,它有很多种用法,可以实现删除、插入和替换。删除:可以删除任意数量的项,只需指定 2 个参数:要删除的第一项的位置和要删除的项数。例如splice(0,2)会删除数组中的前两项。插入:可以向指定位置插入任意数量的项,只需提供 3 个参数:起始位置、 0(要删除的项数)和要插入的项。例如,splice(2,0,4,6)会从当前数组的位置 2 开始插入4和6。替换:可以向指定位置插入任意数量的项,且同时删除任意数量的项,只需指定 3 个参数:起始位置、要删除的项数和要插入的任意数量的项。插入的项数不必与删除的项数相等。例如,splice (2,1,4,6)会删除当前数组位置 2 的项,然后再从位置 2 开始插入4和6。splice()方法始终都会返回一个数组,该数组中包含从原始数组中删除的项,如果没有删除任何项,则返回一个空数组。5、indexOf()和 lastIndexOf()indexOf():接收两个参数:要查找的项和(可选的)表示查找起点位置的索引。其中, 从数组的开头(位置 0)开始向后查找。lastIndexOf:接收两个参数:要查找的项和(可选的)表示查找起点位置的索引。其中, 从数组的末尾开始向前查找。这两个方法都返回要查找的项在数组中的位置,或者在没找到的情况下返回1。在比较第一个参数与数组中的每一项时,会使用全等操作符。6、filter()功能:1.同forEach功能;2.filter的回调函数需要返回布尔值,当为true时,将本次数组的数据返回给filter,最后filter将所有回调函数的返回值组成新数组返回(此功能可理解为“过滤”)。参数:filter()接收一个回调函数作为参数,这个回调函数需要有返回值;filter(callback);callback默认有三个参数,分别为value,index,self:value:遍历到的数组元素;index:元素对应的索引;self:数组自身。(1)功能1:同forEach(2)功能2:当回调函数的返回值为true时,本次的数组值返回给filter,被filt免费云主机、域名er组成新数组返回7、ES6新增:from()功能:将类数组对象和可遍历对象转化为数组参数:from(object, mapFunction, thisValue)object:必需,要转换为数组的对象mapFunction:可选,数组中每个元素要调用的函数thisValue:可选,映射函数(mapFunction)中的 this 对象8、forEach()forEach():对数组进行遍历循环,对数组中的每一项运行给定函数。这个方法没有返回值。参数都是function类型,默认有传参,参数分别为:遍历的数组内容;第对应的数组索引,数组本身。9、map()map():指“映射”,对数组中的每一项运行给定函数,返回每次函数调用的结果组成的数组。下面代码利用map方法实现数组中每个数求平方:10、10.filter()功能:1.同forEach功能;2.filter的回调函数需要返回布尔值,当为true时,将本次数组的数据返回给filter,最后filter将所有回调函数的返回值组成新数组返回(此功能可理解为“过滤”)。参数:filter()接收一个回调函数作为参数,这个回调函数需要有返回值;filter(callback);callback默认有三个参数,分别为value,index,self。value:遍历到的数组元素;index:元素对应的索引;self:数组自身(1)功能1:同forEach(2)功能2:当回调函数的返回值为true时,本次的数组值返回给filter,被filter组成新数组返回关于“常用的javascript数组操作方法有哪些”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注云技术行业资讯频道,小编每天都会为大家更新不同的知识点。

相关推荐: react key报错如何解决

这篇文章主要介绍“react key报错如何解决”,在日常操作中,相信很多人在react key报错如何解决问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”react key报错如何解决”的疑惑有所帮助!接下来,请跟着小编一起来学…

文章页内容下
赞(0) 打赏
版权声明:本站采用知识共享、学习交流,不允许用于商业用途;文章由发布者自行承担一切责任,与本站无关。
文章页正文下
文章页评论上

云服务器、web空间可免费试用

宝塔面板主机、支持php,mysql等,SSL部署;安全高速企业专供99.999%稳定,另有高防主机、不限制内容等类型,具体可咨询QQ:360163164,Tel同微信:18905205712

主机选购导航云服务器试用

登录

找回密码

注册