常见数组的操作

 filter,map

1.删除数组中符合条件的元素

filter() 不会对空数组进行检测。

filter() 不会改变原始数组。

let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
arr = arr.filter(item => item <= 5); // [1, 2, 3, 4, 5]
let  obj = [
        { id:1, name:'苹果'},
        { id:2, name:'柠檬'},
        { id:3, name:'菠萝'},
        { id:4, name:'草莓'},
        { id:5, name:'西瓜'},
        { id:6, name:'柠檬'}
      ]
      console.log("1==",obj.filter((item)=>{ return item.id ==  3 })) 
// [ {id:3, name:'菠萝'}] 
      console.log("2==",obj.filter((item)=>{ return item.name =='柠檬'  })) 
 // [ {id:2, name:'柠檬'},{id:6, name:'柠檬'}]

 2.根据某个数组元素筛选出另一个数组对象中指定对象

let arr1 = [63, 98];
      let arr2 = [
        { id: '1', name: '张三', grade: 98 },
        { id: '2', name: '李四', grade: 63 },
        { id: '3', name: '王五', grade: 56 },
        { id: '4', name: '赵六', grade: 98 },
      ];

      let result = arr2.filter((item) => {
        return arr1.some(curVal => (curVal === item.grade))
      })
      console.log(result)
      // [{id: '1', name: '张三', grade: 98},{id: '2', name: '李四', grade: 63},{id: '4', name: '赵六', grade: 98}]

3.根据原对象数组中的某一属性组成新的数组 

let arr3 = [
        { id: '1', name: '张三', grade: 98 },
        { id: '2', name: '李四', grade: 63 },
        { id: '3', name: '王五', grade: 56 },
        { id: '4', name: '赵六', grade: 98 },
      ];

      let result = arr3.map(obj => {
        return obj.name;
      })
      console.log(result)
      //['张三', '李四', '王五', '赵六']

待续中。。。。

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

天命爱心职责~

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值