100 ECMAScript6数组方法

本文详细介绍了JavaScript数组的六个核心方法:forEach进行遍历,map创建新数组并修改元素,filter筛选符合条件的元素,find查找首个满足条件的元素,every和some判断数组元素的整体性质,reduce对数组求和或聚合操作。通过实际场景演示了这些方法在数据处理中的应用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >


ECMAScript方法中提供了一些新方法,如下图所法:

在这里插入图片描述

1、forEach

对数组的每个元素执行一次提供的函数。
在这里插入图片描述
在这里插入图片描述

2、map

创建一个新数组,其结果是该数组中的每个元素都调用一次提供的回调函数后返回的结果。如果不使用return返回,默认返回undefined。用于拷贝的过程中改变一些东西或获取数组中固定的一些属性。

场景1:假定有一个数值数组(A),将A数组中的值以双倍的形式放到B数组。
在这里插入图片描述
场景2:假定有一个对象数组(A),将A数中对象某个属性的值存储到B数组中。
在这里插入图片描述
map返回的是一个新的数组。

3、filter

满足条件的留下来,不满足条件的过滤到,并以数组的形式返回。
场景1:假定有一个对象数组(A),获取数组中指定类型的对象放到B数组中。
在这里插入图片描述
场景2:假定有一个对象数组(A),过滤掉不满足以下条件的对象:条件: 蔬菜 数量大于0,价格小于10(留着的)。
在这里插入图片描述
场景3:假定有一个对象数组(A),根据指定对象的条件过滤掉数组中不符合的数据。
在这里插入图片描述

4、find

返回数组中满足回调函数的第一个元素的值,否则返回undefined。
场景1:假定有一个对象数组(A),找到符合条件的对象。
在这里插入图片描述
场景2:假定有一个对象数组(A),根据指定对象的条件找到数组中符合条件的对象。
在这里插入图片描述

5、every & some

every测试数组的所有元素是否都通过了回调函数的测试。
some测试数组中的某些元素是否通过由回调函数实现的测试。
every 一假即假,some一真则真。

场景1:计算对象数组中每个电脑操作系统是否可用。大于16位操作系统表示可用,否则不可用。
在这里插入图片描述
场景2:假定有一个注册页面,判断所有input内容的长度是否大于0。
在这里插入图片描述

6、reduce

对累加器和数组中的每个元素(从左到右)应用一个函数,将其减少为单个值。
场景1:计算数组中所有值的总和。
在这里插入图片描述
场景2:将数组中对象的某个属性抽离到另外一个数组中。
在这里插入图片描述
场景3:判断字符串中括号是否对称。
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值