关于javascript:漂亮的reduce写法

reduce实现递归查找属性https://blog.csdn.net/lihefei…

let peoples = {
    zhangsan: {
        name: '张三',
        height: 170,
        child: {
            name: '张小小'
        },
    },
    lisi: {
        name: '李四',
        weight: 200,
        wife: {
            name: '杨玉环'
        },
    },
    wagnwu: {
        name: '王五',
        age: 21,
    },
};
let str = 'lisi.wife.name';
let propArr = str.split('.');

let result = propArr.reduce((prev,next)=>{
    return prev[next] ? prev[next] : null;
}, peoples);

console.log(result); //杨玉环

应用reduce()办法解决树形构造数据https://www.cnblogs.com/dhui/…

array.reduce(function(prev, cur, index, array){
    ...
}, init);

回调函数中的参数：

prev 必须。示意调用回调时的返回值，或者初始值 init。

cur 必须。示意以后元素。

index 可选。示意以后元素的索引。

array 示意原数组。

init 可选。初始值，作为第一次调用回调函数的第一个参数。
其中罕用参数：prev 和 cur

留神：回调函数第一次执行时，prev和cur的取值有两种状况：如果调用reduce()时提供了初始值init，prev取init值，cur取数组中的第一个值，此时索引从0开始；如果没有提供初始值init，则prev取数组中的第一个值，cur取数组中的第二个值，此时索引从1开始。

//利用&&符号来判断+执行，几乎丑陋极了
{
    const arr = ['ab', 'v', 'd', 'ab', 'h', 'e', 'dc', 'e', 'e', 'f']
    const newArr = arr.reduce(function(prev, cur){
        !prev.includes(cur) && prev.push(cur)
        return prev
    }, [])
    console.log(newArr) // ["ab", "v", "d", "h", "e", "dc", "f"]
}

{
    //初始值设为{}，用reduce满足统计次数性能
    let names = ['Alice', 'Bob', 'Tiff', 'Bruce', 'Alice']

    let countedNames = names.reduce((allNames, name)=> { 
      if (name in allNames) {
        allNames[name]++
      }
      else {
        allNames[name] = 1
      }
      return allNames
    }, {}) 
    console.log(countedNames);
    // countedNames is:
    // { 'Alice': 2, 'Bob': 1, 'Tiff': 1, 'Bruce': 1 }
}

    // 利用reduce实现属性值分组
    let people = [
      { name: 'Alice', age: 21 },
      { name: 'Max', age: 20 },
      { name: 'Jane', age: 20 }
    ];

    function groupBy(objectArray, property) {
      return objectArray.reduce((acc, obj)=> {
        let key = obj[property]
        if (!acc[key]) {
          acc[key] = []
        }
        acc[key].push(obj)
        return acc
      }, {})
    }

    let groupedPeople = groupBy(people, 'age');
    console.log(groupedPeople);
    // groupedPeople is:
    // { 
    //   20: [
    //     { name: 'Max', age: 20 }, 
    //     { name: 'Jane', age: 20 }
    //   ], 
    //   21: [{ name: 'Alice', age: 21 }] 
    // }
}

{
    // 返回对象中的属性为数组的状况
    // friends - an array of objects 
    // where object field "books" is a list of favorite books 
    let friends = [{
      name: 'Anna',
      books: ['Bible', 'Harry Potter'],
      age: 21
    }, {
      name: 'Bob',
      books: ['War and peace', 'Romeo and Juliet'],
      age: 26
    }, {
      name: 'Alice',
      books: ['The Lord of the Rings', 'The Shining'],
      age: 18
    }]

    // allbooks - list which will contain all friends' books +  
    // additional list contained in initialValue
    let allbooks = friends.reduce(function(accumulator, currentValue) {
      return [...accumulator, ...currentValue.books]
    }, [])

    // allbooks = [
    //   'Bible', 'Harry Potter', 'War and peace', 
    //   'Romeo and Juliet', 'The Lord of the Rings',
    //   'The Shining'
    // ]
}

{
    const numbers = [-5, 6, 2, 0,];
    const doubledPositiveNumbers = numbers.reduce((accumulator, currentValue) => {
        const doubled = (num)=>{
            accumulator.push(num*2); 
        }
        //判断，满足条件即执行函数
        currentValue > 0 && doubled(currentValue);
          return accumulator;
    }, []);
    console.log(doubledPositiveNumbers); // [12, 4]
}