ES6 ,vue数组对象去重,取重

  • 1、单数组,自身去重
  • 2、单数组对象,自身去重
  • 3、合并两个数组,并去重
  • 4、合并两个数组对象,并去重
  • 5、去重:两个数组对象A,B,获取A中减去含有B的部分
  • 6、取重:两个数组对象A,B,获取A中含有B的部分

1、单数组,自身去重

let data = ["张三","李四","王五","赵六","张三","田七"]
let set = new Set(data)
console.log(set)

2、单数组对象,自身去重

let data = [{id:1,name:"张三"},{id:2,name:"李四"},{id:1,name:"王五"},{id:4,name:"赵六"},{id:5,name:"孙七"},
]
let obj = {}
let set = data.reduce((cur,next) => {obj[next.id] ? "" : obj[next.id] = true && cur.push(next);return cur;
},[])
//这里演示的是:如果有相同id,就去掉
console.log(set)

3、合并两个数组,并去重

let a = [1,2,3];
let b = [1,3,5,6];
let c = [...new Set([...a,...b])]
console.log(c)

4、合并两个数组对象,并去重

let arr1 = [{id:1,name:"张三"},{id:2,name:"李四"},{id:3,name:"王五"},{id:4,name:"赵六"},{id:5,name:"孙七"}
]
let arr2 = [{id:1,name:"张三"},{id:2,name:"李四"},{id:6,name:"陈八"},
]
let newArr = [...arr1, ...arr2]
let obj = {}
let result = newArr.reduce((item, next) => {obj[next.id] ? '' : obj[next.id] = true && item.push(next)return item
}, [])
console.log(result)

5、去重:两个数组对象A,B,获取A中减去含有B的部分

let a = [{id:1,name:"张三"},{id:2,name:"李四"},{id:3,name:"王五"},{id:4,name:"赵六"},{id:5,name:"孙七"}
]
let b = [{id:1,name:"张三"},{id:2,name:"李四"},{id:3,name:"王五"},
]
b.map(item=>{ a = a.filter(item2 => item2.id != item.id);
})
console.log(a)

6、取重:两个数组对象A,B,获取A中含有B的部分

//情况1
let arr1 = [{id:1,name:"张三"},{id:2,name:"李四"},{id:3,name:"王五"},{id:4,name:"赵六"},{id:5,name:"孙七"}
];
let arr2 = [1,2,3]
let obj= arr1.filter(item => arr2.indexOf(item.id) > -1)
console.log(obj)//情况2
let arr1 = [{id:1,name:"张三"},{id:2,name:"李四"},{id:3,name:"王五"},{id:4,name:"赵六"},{id:5,name:"孙七"}
];
let arr2 = [{id:1,name:"张三"},{id:2,name:"李四"},{id:3,name:"王五"},
]
let obj= arr1.filter(item => arr2.some(item2=>item2.id == item.id))
console.log(obj)

学到了就要教人,赚到了就要给人,互相学习,共同进步。

ES6数组对象去重取重相关推荐

  1. ES6 数组对象去重

    原数组: const arr =[{name:'zhangsan',age:34},{name:'lisi',age:34},{name:'zhangsan',age:34},{name:'lisi' ...

  2. JS数组对象去重,ES6最简数组去重

    JS数组对象去重,ES6最简数组去重 // 测试数据 // 比如我们处理 value 的去重 var arrList = [{key: 1, value: "aaa"},{key: ...

  3. es6方法 数组去重 多个数组去重 数组对象去重

    1.单个数组的去重 Array.from(new Set(arr)) 2.多个数组去重 返回不同数据展示 let a = [1, 2, 3, 4] let b = [3, 4, 5] let unio ...

  4. es6数组以及数组对象去重

    1. 数组去重 let arr = [1, 3, 5, 6, 9, 1, 3, 2];new Set(arr) // 去重 Array.from(new Set(arr)) // 将伪数组转换成真数组 ...

  5. JavaScript:数组对象去重的几种方法

    数组对象去重 元素是对象类型的数组的去重我这粗分为两类,一类是当数组中整个元素一样时的去重(这里说的一样是指元素对象中的属性和值都一样),第二类是,元素对象中的某一个属性的值一样时进行去重 // 通用 ...

  6. 数组去重以及数组对象去重方法总结

    数组去重以及数组对象去重方法总结 一.数组对象去重 1.reduce方法 2.利用原生js+空对象+空数组 3.利用原生js+标志位+空数组 4.利用双指针思想+splice方法 二.数组去重 1.利 ...

  7. js实现数组对象去重

    数组对象去重,可直接复用 /***数组对象去重** @param {Array} arr 去重数组* @param {String} key 唯一标识*/ deduplication(arr, key ...

  8. 二维数组去重,数组对象去重

    二维数组去重 使用对象的key不能重复原则,对数组进行去重 var arr = [[1, 1, 2], [1, 2, 1], [1, 1, 2], [1, 2, 3]] var obj = {} ar ...

  9. 数组对象去重的四种方式(强推最后一种!!!)

    哈喽哈喽,我又来了. 今天分享的是数组对象去重的方式,先看看数组对象的形式: let arrObj = [{ name: "小红", id: 1 },{ name: "小 ...

最新文章

  1. 复旦邱锡鹏超全NLP预训练模型综述论文:两张图带你梳理完整脉络
  2. 《LeetCode力扣练习》第448题 找到所有数组中消失的数字 Java
  3. Spring Cloud Alibaba基础教程:Nacos配置的加载规则详解
  4. DevExpress的TreeList实现显示本地文件目录并自定义右键实现删除与重命名文件
  5. Win10重装系统后更改用户文件夹名称的方法
  6. gulp es5语法转换及js/css/html压缩过程
  7. 一个基本c语言注释用什么字符,C语言的词法规则京鸿智武 今天提纲:本文主要介绍了C语言中...
  8. Android application project 各个文件夹作用
  9. 学习IDisposable,对于此中的不解……请高手指点
  10. VirtualBox虚拟机配置CentOS7网络图文详解教程
  11. pgpool-II 高可用搭建
  12. Computer science 概念汇总
  13. iOS14.5 Beta7使用体验感受
  14. SWAP Detector:GrammaTech 开源 DevOps 应用安全测试工具
  15. 泰迪杯数据分析比赛2018年B题解答
  16. 借助创客匠人玩转视频号
  17. POI - 读取Excel2003、Excel2007的兼容性问题
  18. springboot下载excel文件
  19. win10专业版有必要吗_Win10自带Windows defender 还有必要安装其它杀毒软件吗?
  20. CeSi 安装与配置

热门文章

  1. 分类器MNIST交叉验证准确率、混淆矩阵、精度和召回率(PR曲线)、ROC曲线、多类别分类器、多标签分类、多输出分类
  2. 计算机一级第十四套完整解析,2012年计算机一级MsOffice第十四套练习题及答案解析...
  3. Cisco模拟路由故障排除总结
  4. CF1474A Puzzle From the Future
  5. B端产品经理业务调研流程梳理
  6. webStorm使用断点
  7. modbus 客户端获取服务器信息,客户端modbus访问服务器过程
  8. 设计支线任务?学习这七个游戏吧(还有些Chris Avellone的忠告)
  9. 中国核电领域企业和基地
  10. 中国核电设备产业发展现状分析及投资战略规划报告2022-2027年