js 如何将Key属性相同的放在同一个数组？

Question

const items = [
  { id: 1, name: 'fruits' },
  { id: 2, name: 'animals' },
  { id: 3, name: 'fruits' },
];

说明：id和name是动态的，有可能后台返回的是age和school,不是固定id和name

想要的结果是;

result = [
  [{ id: 1 }, { id: 2 }, { id: 3 }]，
  [({ name: 'fruits' }, { name: 'animals' }, { name: 'fruits' })]
];

Answer 1

着急吃饭了要 格式没对齐

const items = [
                    { id: 1, name: 'fruits' },
                    { id: 2, name: 'animals' },
                    { id: 3, name: 'fruits' },
                ]
                const keys = Object.keys(items[0]);
                const result = keys.map(v => {
                    return items.map(val => {
                        return {
                            [v]: val[v]
                        }
                    })
                })
                console.log(result);

Answer 2

const items = [
  { id: 1, name: 'fruits' },
  { id: 1, name: 'fruits222' },
  { id: 2, name: 'animals' },
  { id: 3, name: 'fruits' },
];
const result = {}
items.forEach(item=>{
    if(!result[item.id]){
        result[item.id] = []
    }
    result[item.id].push(item)
})
//[
//  [{ id: 1, name: 'fruits' },{ id: 1, name: 'fruits222' }],
//  [{ id: 2, name: 'animals' }],
//  [{ id: 3, name: 'fruits' }]
//]
console.log(Object.values(result))

Answer 3

function transformArray(items) {
    if (!items || !items.length) return [[], []];
    
    // 获取对象的所有键
    const keys = Object.keys(items[0]);
    
    // 为每个键创建一个数组
    const result = keys.map(key => 
        items.map(item => ({ [key]: item[key] }))
    );
    
    return result;
}

Answer 4

const result = [
  items.map((item) => ({ id: item.id })), 
  items.map((item) => ({ name: item.name })),
];

Answer 5

const items = [
  { id: 1, name: 'fruits' },
  { id: 2, name: 'animals' },
  { id: 3, name: 'fruits' },
];
let map = items.reduce((acc,cur,idx)=>{
    Object.keys(cur).forEach(key=>{
        if(!acc[key]) {
            acc[key] = [];
        }
        acc[key].push({[key]: cur[key]})
    })
    return acc;
},{})
console.log(Object.values(map))

Answer 6

const items = [
  { id: 1, name: 'fruits' },
  { id: 2, name: 'animals' },
  { id: 3, name: 'fruits' },
];

// 获取所有对象的键
const keys = Object.keys(items[0]);

// 为每个键创建一个数组，并将具有相同属性值的对象放入同一个数组
const result = keys.map(key => {
  return items.map(item => ({ [key]: item[key] }));
});

console.log(result);


[
  [{ id: 1 }, { id: 2 }, { id: 3 }],
  [{ name: 'fruits' }, { name: 'animals' }, { name: 'fruits' }]
]