js中数组对象去重的方法 reduce

js中数组对象去重的方法
最近工作中需要用到数组对象去重的方法，我是怎么想也没想出来，今天稍微研究了一下，总算找到了2种方法。分享一下，希望对大家有帮助！

方法一：

采用对象访问属性的方法，判断属性值是否存在，如果不存在就添加。

方法二：

采用数组中的reduce方法，遍历数组，也是通过对象访问属性的方法

var arr = [{
      id: '01',
      value: '乐乐'
   }, {
      id: '02',
      value: '博博'
   }, {
      id: '03',
      value: '淘淘'
   },{
      id: '04',
      value: '哈哈'
   },{
      id: '01',
      value: '乐乐'
   }];


   //  方法1：利用对象访问属性的方法，判断对象中是否存在key
   var result = [];
   var obj = {};
   for(var i =0; i<arr.length; i++){
      if(!obj[arr[i].id]){
         result.push(arr[i]);
         obj[arr[i].id] = true;
      }
   }
   console.log(result); // [{id: "01", value: "乐乐"},{id: "02", value: "博博"},{id: "03", value: "淘淘"},{id: "04", value: "哈哈"}]



   //  方法2：利用reduce方法遍历数组,reduce第一个参数是遍历需要执行的函数，第二个参数是item的初始值
      var obj = {};
    arr = arr.reduce(function(item, next) {
      obj[next.id] ? '' : obj[next.id] = true && item.push(next);
      return item;
   }, []);
   console.log(arr); // [{id: "01", value: "乐乐"},{id: "02", value: "博博"},{id: "03", value: "淘淘"},{id: "04", value: "哈哈"}]

ES6 使用Set实现数组去重

//1
let arr=[1,1,2,2,3,3]
console.log([...new Set(arr)])   //[1,2,3]
//2.对象数组去重
const a = [{a: 1},{b:1}]
const b = [{a: 1},{b:1}]
const c = a.concat(b) //concat() 方法用于连接两个或多个数组
// 无法去重
const e = [...new Set(c)]
// 开始去重
const d = [...new Set(c.map(t=>JSON.stringify(t)))].map(s=>JSON.parse(s))
// d = [{a: 1},{b:1}]

/*
	Set的方法说深一点就是比较的是内存地址，也就是 0，-0。比 === 更加紧准

	而每一个对象都是有自己的相对应的内存地址，所以Set方法它是无法进行去重
	上例就是让Set进行比较字符串，通过字符串进行去重。然后在进行JSON.parse转换回来
	
	注意的是，JSON方法转换是无法转换function一些数据的
	
	以下是个人理解
	但是当我们将对象进行转换成字符串的时候，则Set所比较的就是是否相同，所占的空间，
	字节码是否一致这时所比较的就是 string === string
	

*/