前言

前段时间写过JavaScript数组去重最简单的 4 种方案，里面的数组元素是基本类型。本文要讲的数组元素是对象，也就是引用类型。引用类型与基本类型最大的区别是引用类型赋值的是指针，而不是真正的值。

问题描述

请在两个对象数组中找到其中一个与另一不重复的对象。然后追加到另一个数组中。比如在数组1[{a:1},{a:2},{a:3},{a:5}]与数组2[{a:1},{a:2},{a:4}]中找到数组1中不与数组2重复的对象{a:3}和{a:5}，最后得到的数组2为[{a:1},{a:2},{a:4},{a:3},{a:5}]。

解决方案一

思路：通过增加属性的方式。

    var arr1 =[{a:1},{a:2},{a:3},{a:5}];var arr2 =[{a:1},{a:2},{a:4}];arr1.map((item1)=>{arr2.map((item2)=>{if(item1.a == item2.a){//添加属性用来标记相同的对象item1.isRepeat = true;}})});arr1.map((item)=>{//通过标记筛选对象if(!item.isRepeat){arr2.push(item);}});console.log(arr2);//[{a:1},{a:2},{a:4},{a:3},{a:5}];

打印输出时间：0.5ms

解决方案二

思路：直接轮循两个数组,取出不包含数组2元素的数组1，然后将数组1合并到数组2。

    var arr1 =[{a:1},{a:2},{a:3},{a:5}];var arr2 =[{a:1},{a:2},{a:4}];for (var i = 0; i < arr2.length; i++) {for (var j = 0; j < arr1.length; j++) {if (arr2[i].a == arr1[j].a) {arr1.splice(j, 1);}}}arr2 = arr2.concat(arr1);console.log(arr2);//[{a:1},{a:2},{a:4},{a:3},{a:5}]

打印输出时间：0.3ms

解决方案三

思路：将两个数组合并,然后两层循坏。

    var arr1 =[{a:1},{a:2},{a:3},{a:5}];var arr2 =[{a:1},{a:2},{a:4}];//将arr1与arr2合并。arr2 = arr2.concat(arr1);for (var i = 0; i < arr2.length; i++) {for (var j = i+1; j < arr2.length; j++) {if (arr2[i].a == arr2[j].a) {arr2.splice(j, 1);}}}console.log(arr2);//[{a:1},{a:2},{a:4},{a:3},{a:5}]

打印输出时间：0.8ms

注：由于数据量很小，以上打印时间仅供参考。

两个对象数组去重的3种方法相关推荐

数组去重的12种方法总结
数组去重的11种方法 (1)ES5常用:利用for嵌套for,然后splice去重 function unique(arr) {for (var i = 0; i < arr.length; i ...
JavaScript数组去重的五种方法
JavaScript数组去重的五种方法先简单准备一个数组,用于方法的实验: let array = [1,1,2,3,4,4,1,5,6,6,7,7,7]; console.log(`去重前的数组: ...
js数组去重（9种方法），你都会了吗？
以下共有九种数组去重的方式和详解(包含对象数组去重): 1.利用Array.from(new Set)去重: // 1.利用set去重 // Set是es6新增的数据结构,似于数组,但它的一大特性就是 ...
数组去重--这几种方法够不?
数组去重,是校招面试的必考知识点.简单的说,数组去重就是将一个数组中的相同的元素删除,只保留其中的一个.这里的相同其实是一个陷阱,有好多同学只认为值相等即为相同,而忽略类类型的判断.所以大家在进行数组 ...
JS----JavaScript数组去重（12种方法，史上最全）
数组去重的方法一.利用ES6 Set去重(ES6中最常用) Set 不包含重复元素的值的集合 Map 双列集合键值对与object的区别 : object中的key只能是string类型而Ma ...
JavaScript中数组去重的几种方法整理
本人菜鸡,前两天去面试,发现再次碰到数组去重这道面试题,比较常见.能够达到去重效果的方法有好几个,感觉有必要整理一下其中几种常见实现: 1,思路:创建一个空数组,然后循环需要去重的数组,对比创建的数组 ...
js数组去重的5种方法
// 数组去重 var arr = [1, 2, 2, 3, 4, 4, 5, 6, 7, 7, 4, 3, 5, 7, 11, 12, 11]; var newArr = [];//方法1最优 se ...
js 数组去重的几种方法
1. new Set 的两种方法 let arr = [1, 0, 0, 2, 9, 8, 3, 1];function unique(arr) {return Array.from(new Set( ...
es6 数组去重_JS数组去重的9种方法（包括去重NaN和复杂数组类型）
其实网上已经有很多js数组的去重方法,但是我看了很多篇并自己通过代码验证,发现都有一些缺陷,于是在研究多篇代码之后,自己总结了9种方法,如果有哪里不对请及时纠正我哈~ 测试代码 let arr1 = ...

两个对象数组去重的3种方法