• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

漂亮的reduce写法

互联网 diligentman 2周前 (10-15) 12次浏览

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'
    // ]
}

喜欢 (0)