数组方法forEach map find filter 对比

用法

foreach方法主要是针对数组而言的,对数组中的每个元素可以执行一次方法

var array = ['a', 'b', 'c', 'e'];
array.forEach((a)=> {
  console.log(a);
});

在这里插入图片描述

属性

foreach方法主要有三个参数,分别是数组内容、数组索引、整个数组

var array = ['a', 'b', 'c', 'e'];
array.forEach((a,b,c)=> {
  console.log(a);
  console.log(b);
  console.log(c);
});

在这里插入图片描述

forEach与map的区别

区别主要在于map有返回值
可以这样测试一下

var arr = [0,2,4,6,8];
 var newArr = arr.forEach(item=>{
            console.log(item)
            return item/2;
 },this);
 console.log(newArr);

在这里插入图片描述

var arr = [0,2,4,6,8];
 var newArr = arr.map(item=>{
            console.log(item)
            return item/2;
 },this);
 console.log(newArr);

在这里插入图片描述

 var arr=[{name:'zs',age:15},{name:'zs',age:18},{name:'ls',age:15}]
   let result =  arr.find((item,index,total)=>{
        console.log(index);
        console.log(total);
        return item.name==='zs'
    })
    console.log(result);

    let result1 =  arr.filter((item,index,total)=>{
        console.log(index);
        console.log(total);
        return item.name==='zs'
    })
    console.log(result1);

    let result2 =  arr.map((item,index,total)=>{
        console.log(index);
        console.log(total);
        return item.name==='zs'
    })
    console.log(result2);

    let result3 =  arr.forEach((item,index,total)=>{
        console.log(index);
        console.log(total);
        return item.name==='zs'
    })
    console.log(result3);

在这里插入图片描述

总结 :
find 返回满足的要求的数组内第一个元素 ,
filter返回所有满足要求的元素,并且以数组形式存在,
map 返回是否满足要求的boolean 值 ,并且可以操作数组每一项 返回一个新数组
forEach 没有返回值
他们 都接收 三个参数 分别代表 ①当前每一项 ② 每一项下标 ③ 整个数组

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值