数组对象过滤

情景:项目中用到,ElementUI el-table中选择指定项并且删除,顺便记录下


增删操作

两个数组对象去重 实例:

        let arr = [{id: 1, name: 'AAA'}, {id: 2, name: 'BBB'}, {id: 3, name: 'CCC'}, {id: 4, name: 'DDD'}]
        let arr2 = [{id: 2, name: 'BBB'}, {id: 3, name: 'CCC'}]
        let newArr = []

        arr2.forEach(item => {
          newArr.push(item.id)
        })
        for (let id of newArr) {
          arr = arr.filter(item => {
            return id !== item.id
          })
        }
       console.log(arr)
       //得到[{id: 1, name: 'AAA'}, {id: 4, name: 'DDD'}]

向数组中添加对象,防止重复

let arr =[{id: 1, name: 'AAA'}, {id: 2, name: 'BBB'}, {id: 3, name: 'CCC'}, {id: 4, name: 'DDD'}]
let arr2 = {id:4,name:'DDD'}
//向arr中添加arr2 假如存在,就不添加
arr = arr.filter(item=>item.id!=4)
arr.push(arr2)
console.log(arr)
//[{id: 1, name: 'AAA'}, {id: 2, name: 'BBB'}, {id: 3, name: 'CCC'}, {id: 4, name: 'DDD'}]
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,901评论 25 709
  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 32,256评论 18 399
  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 8,607评论 0 4
  • 人真的是会越活越明白! 所以才会后悔
    凡厚嘟阅读 921评论 0 0
  • 想写这篇文章,是由于刚刚刷微博突然来的灵感。人民网报道一则新闻,名叫《3岁的等待与33岁的归途》,新闻是这样描...
    泡芙味的女孩子OwO阅读 2,312评论 2 5

友情链接更多精彩内容