ami*_*adi 7 javascript arrays object ecmascript-6
将数组对象转换为对象数组的最佳方法是什么,反之亦然
{
category : ['a','b','c'],
title : ['e','f','g'],
code : ['z','x','v']
}
Run Code Online (Sandbox Code Playgroud)
到
[
{
category : 'a',
title : 'e',
code : 'z'
},
{
category : 'b',
title : 'f',
code : 'x'
},
{
category : 'c',
title : 'g',
code : 'v'
},
]
Run Code Online (Sandbox Code Playgroud)
您可以使用两个函数来生成数组或对象。他们与
Object.keys为了获得所有自己的财产名称,
Array#reduce用于迭代数组并收集返回的项目,
Array#forEach只是迭代一个数组。
function getArray(object) {
return Object.keys(object).reduce(function (r, k) {
object[k].forEach(function (a, i) {
r[i] = r[i] || {};
r[i][k] = a;
});
return r;
}, []);
}
function getObject(array) {
return array.reduce(function (r, o, i) {
Object.keys(o).forEach(function (k) {
r[k] = r[k] || [];
r[k][i] = o[k];
});
return r;
}, {});
}
var data = { category: ['a', 'b', 'c'], title: ['e', 'f', 'g'], code: ['z', 'x', 'v'] };
console.log(getArray(data));
console.log(getObject(getArray(data)));Run Code Online (Sandbox Code Playgroud)
.as-console-wrapper { max-height: 100% !important; top: 0; }Run Code Online (Sandbox Code Playgroud)