首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >JS快速删除数组中的指定元素

JS快速删除数组中的指定元素

作者头像
德顺
发布2022-06-27 10:23:01
7K0
发布2022-06-27 10:23:01
举报
文章被收录于专栏:前端资源前端资源

有这么一个数组:

const arr = [
  { id: 1, value: 2 },
  { id: 2, value: 3 },
  ...
];

想删除数组里 id=8 的元素,如何方便快捷的实现。

findIndex 

findIndex() 方法返回数组中满足提供的测试函数的第一个元素的索引。否则返回 -1

arr.splice(arr.findIndex(item => item.id === 8), 1)

这个有问题,假如返回 -1 则直接把数组的最后一项给删除了,所以需要判断存在(不为 -1 )才执行。

filter

filter() 方法创建一个新数组,其包含通过所提供函数实现的测试的所有元素。

arr = arr.filter(({ id }) => id !== 8);

封装一个遍历的方法

arr.forEach((val, i) => {
  if (val.id === 8) {
    arr.splice(i, 1)
  }
})

未经允许不得转载:w3h5 » JS快速删除数组中的指定元素

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • findIndex 
  • filter
  • 封装一个遍历的方法
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档