常见数组的操作

 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
    评论
在Typescript中,我们可以使用一些常用的数组操作方式。首先是使用push()方法向数组末尾添加元素,例如:arr.push(4)。这样可以将数字4添加到数组arr的末尾。当然,在Typescript中,数组需要声明为特定类型,比如number[]表示该数组只能存储数字类型的元素。如果我们试图将字符串类型的元素添加到该数组中,编译时会报错。例如:arr.push('string')会出现编译错误:Argument of type '"string"' is not assignable to parameter of type 'number'。 另外,在Typescript中,数组也支持解构的概念。解构是指从实体中提取出具体的值。当我们在数组上下文中使用解构时,可以通过类似于var [x, y] = arr的语法来分别获取数组中的元素,并将它们赋值给相应的变量。例如,对于数组arr=[12, 13],可以使用解构将数组中的元素分别赋值给变量x和y。然后,我们可以打印出x和y的值。例如:console.log(x),console.log(y)。 总结起来,在Typescript中,我们可以使用push()方法向数组末尾添加元素,并且要确保添加的元素符合数组的类型约束。同时,通过解构的方式可以方便地提取数组中的元素并对其进行操作。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [TypeScript学习(五):数组的定义方式及常见数组操作方法使用](https://blog.csdn.net/Kreme/article/details/102717832)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* *3* [typescript 数组操作](https://blog.csdn.net/s178435865/article/details/128522755)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

天命爱心职责~

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

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

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

打赏作者

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

抵扣说明:

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

余额充值