【vue】vue+ES6循环处理数组:map、filter、foreach、every、some、reduce、find、findIndex等方法(转载)

本文详细介绍了Vue.js中处理数组的常见方法,包括map、foreach、filter、every、some、reduce、find和findIndex,通过实例解析它们的使用场景和区别,帮助开发者更好地理解和应用这些方法。
摘要由CSDN通过智能技术生成

列举了一些实际项目中经常使用到的方法

一、map()方法:全部循环,不改变原数组,会生成新的数组。

    test(){
      let arr=[0,1,2,3,4];
      let afterArr = arr.map(val => val+2)
      console.log(arr);//[0, 1, 2, 3, 4]
      console.log(afterArr);//[2, 3, 4, 5, 6]
    },

二、foreach():全部循环,可以重新给原数组赋值

test(){
      let arr=[0,1,2,3,4];
      let afterArr = arr.forEach((val, idx) => arr[idx]=val+2)
      console.log(arr);//[2, 3, 4, 5, 6]
      console.log(afterArr);//undefined
    },

三、filter():过滤出满足条件的部分数据,不会改变原数组,会生成新的数组

      test(){
      let arr=[0,1,2,3,4];
      let result = arr.filter(one => one>2);
      console.log(result); //[3,4]
       },

四、every():若目标数组中每一个对象都符

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值