业务中处理数据结构常用的JS方法

一、由map、filter、reduce、find展开

filter

filter方法可以筛除数组和类似结构中不满足条件的元素,并返回满足条件的元素组成的数组。

18721079-6c222a7e66974044.png

find

find返回数组或类似结构中满足条件的第一个元素

18721079-1f9fe16f9ce9271c.png

map

map方法的作用在于处理流式数据,比如数组。我们可以把它想象成所有元素都要经过的一个转换器。

18721079-53b24ed4b09258b6.png

reduce

当你想要将多个数据放进一个实例中时,你可以使用一个reducer

18721079-02a041d884deb4eb.png

- 传给reduce的第一个参数函数还可以增加2个参数:

- 第三个参数:每个元素在原数据结构中的位置,比如数组下标。

- 第四个参数:调用reduce方法的数据集合,比如例子中的posts

some

some找到数组中符合条件的一项就不会在找,类似于find只找第一项

18721079-7d15bf9f5a947978.png

every

every数组中每个条件都为真才会返回真

[1,2,3,4,5].every(v=>v>1) // false 数组中每一项都大于1才会返回true

二、向对象数组添加新元素

18721079-5dce347db8e1d420.png

三、为一个数组创建视图

如果需要实现用户从购物车中删除物品,但是又不想破坏原来的购物车列表,可以使用filter方法

18721079-9028e3b5501275ca.png

四、向数组中新增元素

18721079-1a04fbbee932c40c.png

五、为对象新增一组键值对

18721079-447da13d61c5c4c9.png

六、使用变量作为键名为对象添加键值对

18721079-82d1412366c743f9.png

七、修改数组中满足条件的元素对象

18721079-100b6648c23e70fb.png

八、找出数组中满足条件的元素


18721079-4b55258dd6d74b55.png

九、删除目标对象的一组属性

18721079-737762e86c4005d8.png

十、将对象转化成请求串

18721079-475fce1109c556e0.png

十一、获取数组中某一对象的下标

18721079-4a1d657245cd7069.png

更多资料

18721079-2c31e070566eea9f.png
18721079-e79847b2691237c4.png
18721079-b3e8193de19e013f.png

获取资料方式:点击领取

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值