js 数组里面对象根据id去重

参考：

数组里面对象去重的3种方法

1.数组的reduce()方法(ie9以下不支持此方法)

var arr = [
  {id: 1, name: '周瑜1'},
  {id: 3, name: '王昭君1'},
  {id: 2, name: '李白1'},
  {id: 1, name: '周瑜2'},
  {id: 2, name: '李白2'},
  {id: 3, name: '王昭君2'}
];

var newArr = distinct(arr,"id");
console.log(newArr);

function distinct(arr, key) {
    let newobj = {}; 
    arr = arr .reduce((preVal, curVal) => {
        newobj[curVal.id] ? '' : newobj[curVal.id] = preVal.push(curVal); 
        return preVal 
    }, []);
    return arr;
}

2.原生js方法

下面的三个方法：distinct1和distinct2保留元数据，获取去重后的新数组，distinct3是直接对元数据进行修改的。

方法一、

var arr = [
  {id: 1, name: '周瑜1'},
  {id: 3, name: '王昭君1'},
  {id: 2, name: '李白1'},
  {id: 1, name: '周瑜2'},
  {id: 2, name: '李白2'},
  {id: 3, name: '王昭君2'}
];

var newArr = distinct1(arr,"id");
console.log(newArr);

// 方法一
function distinct1(arr,key){
    var newobj = {},newArr = [];
    for(var i=0;i<arr.length;i++){
        var item = arr[i];
    	if(!newobj[item[key]]){
            newobj[item[key]] = newArr.push(item);
    	}
    }
    return newArr;
}

方法二、

var arr = [
  {id: 1, name: '周瑜1'},
  {id: 3, name: '王昭君1'},
  {id: 2, name: '李白1'},
  {id: 1, name: '周瑜2'},
  {id: 2, name: '李白2'},
  {id: 3, name: '王昭君2'}
];

var newArr = distinct2(arr,"id");
console.log(newArr);

// 方法二
function distinct2(arr,key){
    var newArr = [];
    for(var i=0;i<arr.length;i++){
    　　var flag = true;
    　　for(var j=0;j<newArr.length;j++){
    　　　　if(arr[i].id == newArr[j].id){
    　　　　　　flag = false;
               break
    　　　　};
    　　}; 
    　　if(flag){
    　　　　newArr.push(arr[i]);
    　　};
    };
    return newArr;
}

方法三、

var arr = [
  {id: 1, name: '周瑜1'},
  {id: 3, name: '王昭君1'},
  {id: 2, name: '李白1'},
  {id: 1, name: '周瑜2'},
  {id: 2, name: '李白2'},
  {id: 3, name: '王昭君2'}
];

var newArr = distinct3(arr,"id");
console.log(newArr);

// 方法三， 方法三会更改数组的原始数据
function distinct3(arr, key){
    for(let i = 0; i < arr.length; i++) {
        for(let j = i+1; j < arr.length; j++) {
            if(arr[i][key] === arr[j][key]){
                arr.splice(j, 1);
                j = j-1;
            }
        }
    }
    return arr;
}