从 JavaScript 对象数组中单独提取数组
假设我们有一个对象数组,如下所示 −
const arr = [{ name : 'Client 1', total: 900, value: 12000 }, { name : 'Client 2', total: 10, value: 800 }, { name : 'Client 3', total: 5, value : 0 }];
我们需要编写一个 JavaScript 函数,该函数采用一个这样的数组,并为每个对象属性提取一个单独的数组。
因此,每个对象的 name 属性有一个数组,total 有一个数组,value 有一个数组。如果存在更多属性,我们将分离更多数组。
示例
其代码如下 −
const arr = [{ name : 'Client 1', total: 900, value: 12000 }, { name : 'Client 2', total: 10, value: 800 }, { name : 'Client 3', total: 5, value : 0 }]; const separateOut = arr => { if(!arr.length){ return []; }; const res = {}; const keys = Object.keys(arr[0]); keys.forEach(key => { arr.forEach(el => { if(res.hasOwnProperty(key)){ res[key].push(el[key]) }else{ res[key] = [el[key]]; }; }); }); return res; }; console.log(separateOut(arr));
输出
然后控制台中的输出将为 −
{ name: [ 'Client 1', 'Client 2', 'Client 3' ], total: [ 900, 10, 5 ], value: [ 12000, 800, 0 ] }
广告