Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Vue.js 如何将包含2个元素的对象数组转换为2个数组?_Vue.js - Fatal编程技术网

Vue.js 如何将包含2个元素的对象数组转换为2个数组?

Vue.js 如何将包含2个元素的对象数组转换为2个数组?,vue.js,Vue.js,我需要创建2个数组,形成一个数组,对象由2个元素组成 我有一个数组形式的axios调用: chartdata: Array [4] [{"total":3,"month":9}, {"total":5,"month":5}, {"total":9,"month":2}, {"total":4,"month":1}] 如何获取总计数组和月份数组?使用内置javascript函数映射两次 totals = chartdata.map(function(item){ retur

我需要创建2个数组,形成一个数组,对象由2个元素组成

我有一个数组形式的axios调用:

chartdata: Array [4]
  [{"total":3,"month":9},
   {"total":5,"month":5},
   {"total":9,"month":2},
   {"total":4,"month":1}]

如何获取总计数组和月份数组?

使用内置javascript函数映射两次

totals = chartdata.map(function(item){ return item.total})
months= chartdata.map(function(item){ return item.month})
这比其他建议有点“花哨”,但它不是最有效的解决方案。如果性能是一个问题,那么您将需要使用其他人发布的映射解决方案

//您的数组。
常量图表数据=[
{“总计”:3,“月份”:9},
{“总计”:5,“月份”:5},
{“总计”:9,“月份”:2},
{“总计”:4,“月份”:1}
];
//获取每组值的简单方法。
常量[总计,月份]=图表数据。减少((当前,下一个)=>{
返回[
当前[0]。浓度(下一个。总计),
当前[1]。concat(下个月)
];
}, [[], []]);
console.log('Totals:',Totals);

console.log('Months:',Months)非常感谢,伙计。@DavidWeldon=>非常感谢您的反馈。我编辑了我的帖子,以反映您对绩效的反馈。