前端理论总结（js）——reduce相关应用方法

最新推荐文章于 2024-08-22 17:38:39 发布

Z_BL

最新推荐文章于 2024-08-22 17:38:39 发布

阅读量263

点赞数 2

分类专栏：前端理论总结文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/Z_B_L/article/details/137060890

版权

前端理论总结专栏收录该内容

27 篇文章 1 订阅

订阅专栏

文章介绍了如何使用JavaScript的reduce方法对对象数组按指定属性进行分组，并展示了如何使用扩展运算符合并多个数组。示例中对人员按年龄和朋友的书籍列表进行了操作。

摘要由CSDN通过智能技术生成

按属性对object分类

let peple=[
    {name:'Alice',age:21},
    {name: 'Mex', age: 20},
    {name:'Jane',age:20}
}

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

    },{})
}
let groupByPeople-groupBy(peple, 'age')

console. log(groupByPeople)
/**{
'20': [ { name: 'Mex', age: 20 }, { name: 'Jane', age: 20 } ],
'21': [ { name: 'Alice', age: 21 } ]
}*/

使用扩展运算符和initialValue绑定包含在对象数组中的数组

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

let allbook=friends.reduce((pre,cur) ->{
    let key=cur['books']
    return [ ... pre, ... key]

},['alphoter'])
console.log(allbook);

/**
[
'alphoter',
'Bible',
'Harry Potter',
'War and peace',
'Romeo and Juliet',
'The Lord of the Rings',
'The Shining
]
*/

ヾ(￣▽￣)Bye~Bye~