开发中常用的ES6数组操作方法

ES6数组操作精要
本文总结了ES6中常见的数组操作方法,包括数组解构、连接、拷贝及一些实用函数如includes(), find(), map()等。同时,介绍了如何在开发中利用这些方法进行高效的数据处理。

继上一篇针对JS中是否改变原数组的操作方法总结,再归纳一些开发中需要用到的ES6数组操作方法,已验证,可直接使用。(毕竟有时处理数据时,忽然想不到方法是很捉急的!)

一、ES6中常用数组的方法

  1. [...arr]解构:
    (1)数组复制。拷贝一份,而不是直接指向原数组的内存地址(赋值会这样)。 只能深拷贝一层,第一层(基本类型)拷贝不改变原数组;深层是对象或数组时仍会改变原数组。arr_copy=[…arr]
    (2) 连接、合并数组上一篇文章提到用 arr1.concat(arr2) 连接,也可以用解构的方法连接:newArr=[...arr1,...arr2]
  2. Array.from(): 将类数组(长得像数组)、Set、Map转化为数组。
  3. Array.of(): 将一组值转化为数组,得到效果同new Array()Array.of(1,2,3)
    以下这个例子结果都是[1,2,3],但不相等,可能是地址不同
    Array.of(1,2,3)==new Array(1,2,3)      // false
    
  4. includes():判断数组中是否含有某个元素,返回true/false。是indexOf()!==-1的优化补充。
  5. find(item,index,arr): 找到第一个满足条件的成员,返回改成员。三个参数依次是:当前值,索引,原数组
  6. findIndex() :参数同上,不同点是找位置,返回索引。

二、开发中常用的操作

  1. push.apply()连接两个数组:
评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

清颖~

您的鼓励让我们一起进步,加油!

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值