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

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'
            }
        ]
    ]
假设你有一个包含时间戳的对象数组,你想筛选出所有的时间戳相同对象,可以按照以下步骤进行: 1. 首先,使用 Array.prototype.reduce() 方法将对象数组转换为一个对象,其中对象的属性是时间戳,值是包含该时间戳的所有对象数组。 ```javascript const data = [ { id: 1, timestamp: 1618329600, value: "foo" }, { id: 2, timestamp: 1618329600, value: "bar" }, { id: 3, timestamp: 1618340400, value: "baz" }, { id: 4, timestamp: 1618340400, value: "qux" }, ]; const groupedData = data.reduce((acc, obj) => { const key = obj.timestamp; if (!acc[key]) { acc[key] = []; } acc[key].push(obj); return acc; }, {}); ``` 此时 groupedData 对象应该如下所示: ```javascript { 1618329600: [ { id: 1, timestamp: 1618329600, value: "foo" }, { id: 2, timestamp: 1618329600, value: "bar" }, ], 1618340400: [ { id: 3, timestamp: 1618340400, value: "baz" }, { id: 4, timestamp: 1618340400, value: "qux" }, ], } ``` 2. 接下来,使用 Object.values() 方法获取 groupedData 对象中的所有值(即包含相同时间戳的对象数组),并将它们合并为一个数组。 ```javascript const filteredData = Object.values(groupedData).reduce((acc, arr) => acc.concat(arr), []); ``` 此时 filteredData 数组应该只包含时间戳相同对象,如下所示: ```javascript [ { id: 1, timestamp: 1618329600, value: "foo" }, { id: 2, timestamp: 1618329600, value: "bar" }, { id: 3, timestamp: 1618340400, value: "baz" }, { id: 4, timestamp: 1618340400, value: "qux" }, ] ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值