Js 怎么将 1 种数组转换为另一种数组？

[LionXen]

请教大佬。

array[0][name]:apple
array[0][price]:55.00
array[0][tips]:red apple
array[1][name]:orange
array[1][price]:41.13
array[1][tips]:4orange

如何转换为:

array[name][0]:apple
array[name][1]:orange
array[price][0]:55.00
array[price][1]:41.13
array[tips][0]:red apple
array[tips][1]:4orange

[Pastsong]

这。。for-loop 不就好了

[l1nyanm1ng]

```js
const array = [
{
name: 'apple',
price: 55.0,
tips: 'red apple',
},
{
name: 'orange',
price: 41.13,
tips: '4 orange',
}
];

const ret = array.reduce((accmulator, current) => {
Object.entries(current).forEach(([prop, value]) => {
if (!Reflect.has(accmulator, prop)) {
accmulator[prop] = [];
}
accmulator[prop].push(value);
});
return accmulator;
}, {});

console.log(ret);
```

[xiaoming1992]

跟#2 差不多
``` javascript
const arr = [
{
name: "name1",
price: "price1",
tips: "tips1",
},
{
name: "name2",
price: "price2",
tips: "tips2",
},
]

const result = arr.reduce((prev, cur, i) => {
Object.entries(cur).forEach(([key, val]) => {
if (!prev[key]) { prev[key] = [...new Array(arr.length)] }
prev[key][i] = val
})
return prev
}, {})

console.log(result)
```

[palmers]

```js
const arr = [{name: 'apple', price: 55.00, tips: 'red apple'}, {name: 'org', price: 52.00, tips: 'red apple'}];
const vx = arr.reduce((ac, item) => {
const keys = Object.keys(item);
keys.map(key => {
const has = ac.hasOwnProperty(key);
if(has) {//{name: 'apple', price: 55.00, tips: 'red apple'}
const maybeArr = ac[key];
const isArr = Array.isArray(maybeArr);
if(isArr) { ac[key].push(item[key])}else {ac[key] = [ac[key], item[key]];}
}else {
ac[key] = [ac[key]];
}
});
return ac;
});
console.log(vx);
```
我这是比较笨拙的写法 😄 基本都是 reduce 来做

[jianguiqubaa]

arr.reduce((acc, item) => Object.entries(item).reduce((pre, [key, value]) => ({...pre, [key]: [...(pre[key] || []), value]}), acc), {})

[palmers]

@jianguiqubaa 完美 ， 代码太帅了!!

[kyuuseiryuu]

const arr = [
....{
........name: "name1",
........price: "price1",
........tips: "tips1",
....},
....{
........name: "name2",
........price: "price2",
........tips: "tips2",
....},
]
console.log(arr);
const result = {};
arr.forEach(element => {
....Object.keys(element).forEach(key => {
........if (!result[key]) {
............result[key] = [];
........}
........result[key].push(element[key]);
....})
});

console.log(result);

为什么要用 reduce，foreach 不香吗？

[onfuns]

for 循环啊，非开源项目不要写的太精简，不然后期有维护的可能性，到时就蛋疼了。业务代码就要一目了然！

[clare233]

7 楼的优雅，业务代码确实不是写的越短约好，7 楼这个很一目了然