数组的方法与扩展

一、JS语言为我们提供了一些常用的数组方法,这些方法使得我们能够很方便的操作数组,归纳总结为

添加删除
push():入栈,向数组末尾添加一个或多个元素
pop():出栈,删除并返回数组的最后一个元素
unshift():向数组的开头添加一个或更多元素,并返回新的长度
shift():删除并返回数组的第一个元素

排序/反转
sort():默认按字符编码的顺序排列,非string类型会自动转换为string,可自定义比较规则 
reverse():将数组元素倒序排列

拼接
join():将数组拼接为string
concat():将多个数组拼接成一个数组

选取/截取
slice() :从某个已有的数组返回选定的元素
splice():向/从数组中删除项目,然后返回被删除的项目,也可以用作替操作

转换
toString():将数组转换为字符串
valueOf():返回数组对象本身,一般会自动调用

遍历
forEach(fn):对数组的每个元素执行一次提供的函数。

查找
indexOf():返回在数组中可以找到一个给定元素的第一个索引,如果不存在,则返回-1includes(): 用来判断一个数组是否包含一个指定的值,根据情况,如果包含则返回 true,否则返回false。

筛选
filter(fn):创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。

二、数组的扩展

1.扩展运算符

扩展运算符(spread)是三个点(…)。它好比 rest 参数的逆运算,将一个数组转为用逗号分隔的参数序列。

2.Array.from()

Array.from()方法用于将两类对象转为真正的数组:类似数组的对象(array-like object)和可遍历(iterable)的对象(包括 ES6 新增的数据结构 Set 和 Map)。

3.find()和findIndex()

数组实例的find方法,用于找出第一个符合条件的数组成员。它的参数是一个回调函数,所有数组成员依次执行该回调函数,直到找出第一个返回值为true的成员,然后返回该成员。如果没有符合条件的成员,则返回undefined。

4.entries(),keys()和values()

ES6 提供三个新的方法——entries(),keys()和values()——用于遍历数组。它们都返回一个遍历器对象,可以用for…of循环进行遍历,唯一的区别是keys()是对键名的遍历、values()是对键值的遍历,entries()是对键值对的遍历。

5.reduce()

reduce() 方法对数组中的每个元素执行一个由我们提供的reducer函数(升序执行),将其结果汇总为单个返回值。

6.map()

数组名.map(function(v,index,arr){ }):返回原来的数组操作之后的数据

[参考文献]:https://es6.ruanyifeng.com/#docs/array

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值