js 數組對象去重

var arr = [{
   key: '01',
   value: '樂樂'
  }, {
   key: '02',
   value: '博博'
  }, {
   key: '03',
   value: '淘淘'
  },{
   key: '04',
   value: '哈哈'
  },{
   key: '01',
   value: '樂樂'
  }];
  // 方法1：利用對象訪問屬性的方法，判斷對象中是否存在key
  var result = [];
  var obj = {};
  for(var i =0; i<arr.length; i++){
   if(!obj[arr[i].key]){
     result.push(arr[i]);
     obj[arr[i].key] = true;
   }
  }
 
const result = []
const obj = {}
for (let i = 0; i < data.length; i++) {
    if (!obj[data[i].key]) {
        result.push(data[i])
        obj[data[i].key] = true
    }
}
console.log('result ', result)
  console.log(result); // [{key: "01", value: "樂樂"},{key: "02", value: "博博"},{key: "03", value: "淘淘"},{key: "04", value: "哈哈"}]
  // 方法2：利用reduce方法遍歷數組,reduce第一個參數是遍歷需要執行的函數，第二個參數是item的初始值
  var obj = {};
  arr = arr.reduce(function(item, next) {
   obj[next.key] ? '' : obj[next.key] = true && item.push(next);
   return item;
  }, []);
  console.log(arr); // [{key: "01", value: "樂樂"},{key: "02", value: "博博"},{key: "03", value: "淘淘"},{key: "04", value: "哈哈"}]