forEach、filter、map都可以遍历数组,那么三者有什么区别?

本文详细介绍了JavaScript中三种常见的数组遍历方法:forEach、filter和map。forEach主要用于遍历数组并执行操作,但不返回新数组;filter则根据条件过滤数组元素,返回符合条件的新数组;map则是映射每个元素并返回新数组。通过示例代码展示了这三种方法的具体用法,帮助读者理解它们之间的差异。
摘要由CSDN通过智能技术生成

forEach、filter、map都可以遍历数组,那么三者有什么区别?

区别

1、forEach遍历数组全部元素,利用回调函数对数组进行操作,不会返回新的数组,return只用于控制循环是否跳出当前循环;

2、filter返回一个新的数组,filter方法需要在循环的时候判断一下是true还是false,是true才会返回这个元素;

3、map根据当前数组映射出一个新的数组,返回新的被改变过值之后的数组,需要return。

forEach函数的用法

let arrOne = [
        {name:'小明', age: 14},
        {name:'小华', age: 11},
        {name:'小红', age: 15},
        {name:'小黄', age: 17},
    ]
    arrOne.forEach(item => {
        item.name =  item.name + 'update'
    })
    console.log(arrOne)

在这里插入图片描述

filter函数的用法

let arrOne = [
        {name:'小明', age: 14},
        {name:'小华', age: 11},
        {name:'小红', age: 15},
        {name:'小黄', age: 17},
    ]
    let arrNew = arrOne.filter(item => {
        return item.age > 11
    })
    console.log(arrNew)

在这里插入图片描述

map函数的用法

let arrOne = [
        {name:'小明', age: 14},
        {name:'小华', age: 11},
        {name:'小红', age: 15},
        {name:'小黄', age: 17},
    ]
    let arrNew = arrOne.map(item => {
        return item.age + 10
    })
    console.log(arrNew)

注意只返回了age而没有返回name
在这里插入图片描述

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值