从 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 ]
}

更新时间:20-11-2020

1 千次+ 浏览

开启你的 职业生涯

完成学习获得认证

开始
广告