前端数组遍历的 “六把钥匙”:解锁 forEach、map、filter、some、every、find 六法核心差异(三)

元素获取与变换类 at() / findLast() / flatMap() 等


核心:精准获取元素、反向查找、数组变换(部分方法支持不可变操作)。

关键区别:标★的为「不可变方法」(返回新数组,不修改原数据);标●的为「原地方法」(直接修改原数组)

方法汇总

image

1. 正负索引获取元素 at()

image

2. 从后查找最后一个偶数 findLast()

image

3. 从后查找大于5的元素索引 findLastIndex()

image

4. 反转数组(对比修改原数组/返回新数组)reverse() / toReversed()

image

5. 排序(返回新数组,不修改原数组)toSorted() ★

image

6. 不可变插入元素(仅插入不删除) toSpliced() ★

image

7. 不可变删除/插入元素 toSpliced() ★

image

8. 复制元素到指定位置 copyWithin(0,3,5) 索引指:3,4 不包含5 copyWithin() 

image

9. 填充数组元素(指定范围)fill(0,1,4) 索引是指:1到3,不包含4 fill() 

image

10. 数组扁平化(指定层级)flat()

image

11. 映射后扁平(map + flat(1))flatMap()

image

12. 从前往后查找元素索引 findIndex()

image

13. 查找元素首次出现索引 indexOf()

image

14. 从后查找元素首次出现索引 lastIndexOf()

image

15. 判断数组是否包含指定元素 includes()

image

16. 不可变修改指定索引元素 with() 

image

17. 截取数组片段(返回新数组)slice() 

image

18. 原地排序数组(修改原数组)sort()

image

19. 从右往左归约数组 reduceRight()

image

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

bugcom

你的鼓励将是我创作的最大动力

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

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

打赏作者

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

抵扣说明:

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

余额充值