最好的方式來與對象陣列，對象，反之亦然轉換爲陣列

Question

什麼是陣列的對象轉換到對象數組和反之亦然的最佳方式

{ 
    category : ['a','b','c'], 
    title : ['e','f','g'], 
    code : ['z','x','v'] 
} 

要

[ 
    { 
    category : 'a', 
    title : 'e', 
    code : 'z' 
    }, 
    { 
    category : 'b', 
    title : 'f', 
    code : 'x' 
    }, 
    { 
    category : 'c', 
    title : 'g', 
    code : 'v' 
    }, 
] 

Answer 1

你可以使用兩個函數，用於產生一個數組或一個對象。他們的作品與

• Object.keys爲獲得所有自己的屬性名稱，

• Array#reduce用於遍歷數組，並收集物品的回報，

• Array#forEach只是FO itarating數組。

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)));

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

Answer 2

這裏是使用reduce方法和arrow函數的解決方案。

var obj={ 
 
    category : ['a','b','c'], 
 
    title : ['e','f','g'], 
 
    code : ['z','x','v'] 
 
} 
 
var result=obj[Object.keys(obj)[0]].reduce((a,b,i)=>{ 
 
    var newObj={}; 
 
    Object.keys(obj).forEach(function(item){ 
 
    newObj[item]=obj[item][i]; 
 
    }); 
 
    return a.concat(newObj); 
 
},[]); 
 
console.log(result);

Answer 3

可以使用map()和forEach()

var obj = { 
 
    category : ['a','b','c'], 
 
    title : ['e','f','g'], 
 
    code : ['z','x','v'] 
 
} 
 

 
var result = Object.keys(obj).map(function(e, i) { 
 
    var o = {} 
 
    Object.keys(obj).forEach((a, j) => o[a] = obj[a][i]) 
 
    return o 
 
}) 
 

 
console.log(result)