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

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

1.对象访问属性的方法

采用对象访问属性的方法，判断属性值是否存在

• 两个临时数组newArr, obj，
• for循环  if数组obj不存在该对象,  把对象推入newArr, 
• 对象的属性值当做obj数组的key, 值设为true

	//  利用对象访问属性的方法，判断对象中是否存在key
    let newArr = [];
    let obj = {};
    for (var i = 0; i < arr.length; i++) {
      if (!obj[arr[i].key]) {
        newArr.push(arr[i]);
        obj[arr[i].key] = true;
      }
    }
    console.log(newArr);

2.reduce方法

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

    // 利用reduce方法遍历数组,reduce第一个参数是遍历需要执行的函数，第二个参数是item的初始值
    let obj = {};
    arr = arr.reduce((item, next) => {
      if (!obj[next.key]) {
        item.push(next);
        obj[next.key] = true;
      }
      return item;
    }, []);
    console.log(arr);

• reduce()方法接收一个函数作为累加器
• 数组中的每个值（从左到右）开始缩减， 最终计算为一个值
• reduce接收的函数 参数 function(total, currentVal, index, arr)
•  reduce() 对于空数组是不会执行回调函数的