javascript数组对象转换一键数组值单个对象

Question

我有一个这样的对象：

[ 
{ "number": 12, "string": "hi"},
{ "number": 40, "string": "bye"}
] 

我想要：

{"number": [12, 40], "string": ["hi", "bye"]}

或者：

{"number": "12,40", "string": "hi,bye"}

Answer 1

您可以使用Array.prototype.reduce((：

reduce()方法对数组的每个成员执行一个reducer函数(您提供的(，从而产生一个输出值。

具有级联字符串的解决方案：

var data = [ 
{ "number": 12, "string": "hi"},
{ "number": 40, "string": "bye"}
] 
data = data.reduce((a,c)=>{
a.number = a.number + ',' +c.number;
a.string = a.string + ',' +c.string;
return a;
});
console.log(data);

使用阵列的解决方案：

var data = [ 
{ "number": 12, "string": "hi"},
{ "number": 40, "string": "bye"}
]
data = data.reduce((a,c)=>{
a.number.push(c.number);
a.string.push(c.string);
return a;
}, {number:[],string:[]});
console.log(data);

Answer 2

我已经这样做了：

let array = [ 
{ "number": 12, "string": "hi"},
{ "number": 40, "string": "bye"}
];
let resultObject = {
numbers: [],
strings: []
}
for (let element of array) {
resultObject.numbers.push(element.number);
resultObject.strings.push(element.string);
}
console.log(resultObject);

希望有帮助：(

Answer 3

您可以使用Array.reduce()：

var arr = [ 
{ "number": 12, "string": "hi"},
{ "number": 40, "string": "bye"}
];
var res = arr.reduce((acc, item)=>{
if(acc.number && acc.string){
acc.number.push(item.number);
acc.string.push(item.string);
} else {
acc = {
number: [item.number],
string: [item.string]
}
}
return acc;
}, {});
console.log(res);

Answer 4

您可以减少数组和对象的entris，并在数组中使用它们的键收集所有值，而无需硬编码属性。

var array = [{ number: 12, string: "hi" }, { number: 40, string: "bye" }],
result = array.reduce(
(r, o) => Object.entries(o).reduce(
(s, [k, v]) => ((s[k] = s[k] || []).push(v), s),
r
),
{}
);
console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 5

您可以使用lodash的_.mergeWith()来组合它们：

const arr = [{ "number": 12, "string": "hi"}, { "number": 40, "string": "bye"}];
const result =_.mergeWith({}, ...arr, (s = [], o) => [...s, o]);
console.log(result);

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.min.js"></script>