JavaScript 对象数组，如何筛选出有相同key的对象

转载于 2022-09-21 22:02:01 发布 · 2.6k 阅读

3 ·

CC 4.0 BY-SA版权

原文链接：https://segmentfault.com/q/1010000019610692?bd_source_light=4746641

文章标签：

#javascript #开发语言 #ecmascript

本文介绍了一种使用JavaScript处理对象数组的方法，通过reduce函数实现了根据特定键（本例中为`cft`）对数组元素进行分组。这种方法可以高效地筛选出具有相同属性值的对象，并将其组织成新的数组结构。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JavaScript 对象数组，如何筛选出有相同key的对象

现有数组

let bList = [
            {
                cft: 'a',
                idName: 'test1',
                id: '01'
            }, {
                cft: 'a',
                idName: 'test2',
                id: '02'
            }, {
                cft: 'b',
                idName: '拜拜1',
                id: '21'
            }, {
                cft: 'b',
                idName: '拜拜2',
                id: '22'
            }, {
                cft: 'c',
                idName: '忽悠1',
                id: '31'
            }, {
                cft: 'c',
                idName: '忽悠2',
                id: '32'
            }
        ]

 const chatList= (a) => {
            // debugger;
            let result = Object.values(a.reduce((m, n) => {
                if (!m[n.cft]) {
                    m[n.cft] = { cft: n.cft, list: [] }
                }
                m[n.cft].list.push(n)
                return m
            }, {}))
            return result.map(item => item.list)
        }
 chatList(bList)

结果

 let newA = [
        [
            {
                cft: 'a',
                idName: 'test1',
                id: '01'
            }, {
                cft: 'a',
                idName: 'test2',
                id: '02'
            }
        ], [
            {
                cft: 'b',
                idName: '拜拜1',
                id: '21'
            }, {
                cft: 'b',
                idName: '拜拜2',
                id: '22'
            }
        ], [
            {
                cft: 'c',
                idName: '忽悠1',
                id: '31'
            }, {
                cft: 'c',
                idName: '忽悠2',
                id: '32'
            }
        ]
    ]