关于数组常用方法的总结

push()

可以接受一个或者多个参数,将参数追加到数组的尾部,返回添加后的数组的长度,原数组会发生改变。

pop()

从数组尾部删除一个元素,返回这个被删除的元素,原数组发生改变。

unshift()

可以接受一个或者多个参数,将参数放到数组的头部,返回添加后的数组的长度,原数组会发生改变。

shift()

从数组头部删除一个元素,返回这个被删除的元素,原数组发生改变。

slice()

截取类 如果不传参数,会返回原数组;如果一个参数,从该参数表示的索引开始截取,直至数组结束,返回这个截取数组,原数组不变;两个参数,从第一个参数对应的索引开始截取,到第二个参数对应的索引结束,但不包括第二个参数对应的索引上的值,原数组不改变;最多接受两个参数。

splice()

截取类 没有参数,返回空数组,原数组不变;一个参数,从该参数表示的索引位开始截取,直至数组结束,返回截取的 数组,原数组改变;两个参数,第一个参数表示开始截取的索引位,第二个参数表示截取的长度,返回截取的 数组,原数组改变;三个或者更多参数,第三个及以后的参数表示要从截取位插入的值。

reverse()

不接受参数,颠倒数组。

sort()

排序。

join()

用于把数组中的所有元素转换一个字符串。
元素是通过指定的分隔符进行分隔的。

concat()

将参数放入原数组后返回,原数组本身不变,如果参数是数组,将值提出来。

isArray()

判断是否是数组。

toString()

数组转字符串。

ES5新增的数组方法

2个索引方法:indexOf() 和 lastIndexOf();

indexOf()

从前往后遍历,返回item在数组中的索引位,如果没有返回-1;通常用来判断数组中有没有某个元素。可以接收两个参数,第一个参数是要查找的项,第二个参数是查找起点位置的索引。

lastIndexOf()

与indexOf一样,区别是从后往前找。

5个迭代方法:forEach()、map()、filter()、some()、every();

forEach()

forEach方法与map方法很相似,也是对数组的所有成员依次执行参数函数。但是,forEach方法不返回值,只用来操作数据。这就是说,如果数组遍历的目的是为了得到返回值,那么使用map方法,否则使用forEach方法;forEach的用法与map方法一致,参数是一个函数,该函数同样接受三个参数:当前值、当前位置、整个数组。

map()

将数组的所有成员依次传入参数函数,然后把每一次的执行结果组成一个新数组返回;map方法接受一个函数作为参数。该函数调用时,map方法向它传入三个参数:当前成员、当前位置和数组本身。

filter()

用于过滤数组成员,满足条件的成员组成一个新数组返回;它的参数是一个函数,所有数组成员依次执行该函数,返回结果为true的成员组成一个新数组返回。该方法不会改变原数组;可以接受三个参数:当前成员,当前位置和整个数组。

some()

该方法对数组中的每一项运行给定函数,如果该函数对任何一项返回 true,则返回true。(some方法会在数组中任一项执行函数返回true之后,不在进行循环。)

every()

该方法对数组中的每一项运行给定函数,如果该函数对每一项都返回 true,则返回true。

2个归并方法:reduce()、reduceRight();

reduce()

依次处理数组的每个成员,最终累计为一个值。reduce是从左到右处理(从第一个成员到最后一个成员)。参数是一个函数,该函数接受以下两个参数:1累积变量,默认为数组的第一个成员;2当前变量,默认为数组的第二个成员。

reduceRight()

从右往左。

ES6新增的数组方法

Array.from()

用于类似数组的对象(即有length属性的对象)和可遍历对象转为真正的数组。

Array.of()

将一组值转变为数组。

find()和findIndex()

用于找出第一个符合条件的数组成员。参数是个回调函数,所有数组成员依次执行该回调函数,直到找到第一个返回值为true的成员,然后返回该成员。如果没有符合条件的成员,就返回undefined;可以接收3个参数,依次为当前值、当前位置、原数组。

fill()

使用fill()方法给定值填充数组。

可以接收第二个和第三个参数,用于指定填充的起始位置和结束位置(不包括结束位置)。

遍历数组的方法:

entries()、values()、keys()

这三个方法都是返回一个遍历器对象,可用for…of循环遍历,唯一区别:keys()是对键名的遍历、values()对键值的遍历、entries()是对键值对的遍历。
在这里插入图片描述

如果不用for…of进行遍历,可用使用next()方法手动跳到下一个值。
在这里插入图片描述

copyWithin()

在数组内部,将指定位置的成员复制到其他位置(会覆盖原有成员),改变原数组。

在这里插入图片描述

ES7新增的数组方法

includes()

表示某个数组是否包含给定的值,如果包含则返回 true,否则返回false。可以接收两个参数:要搜索的值和搜索的开始索引。当第二个参数被传入时,该方法会从索引处开始往后搜索(默认索引值为0)。若搜索值在数组中存在则返回true,否则返回false。

includes与indexOf的区别是:
前者返回布尔值(利于if条件判断),后者返回数值

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值