将数据转换为数组

Question

我目前有数据以PHP（Laravel）完成的应用程序后端的格式返回：

data [
   {
     "Jan": 120,
     "Feb": 283.5,
     "Mar": 10,
     "Apr": 233.92,
     "May": 327.78,
     "Jun": 190.74,
     "Jul": 10,
     "Aug": 10,
     "Sep": 10,
     "Oct": 10,
     "Nov": 10,
     "Dec": 10
   }
]

然后，我想使用JavaScript（Vue）在前端绘制此数​​据的图表，该数据是特定公司按月的平均订单价值。 尽管要使其正常工作，它必须采用以下格式：

new_data [
  ["Jan", 120],
  ["Feb", 283.5],
  ["Mar", 10],
  ["Apr", 233.92],
  ["May", 327.78],
  ["Jun", 190.74],
  ["Jul", 10],
  ["Aug", 10],
  ["Sep", 10],
  ["Oct", 10],
  ["Nov", 10],
  ["Dec", 10]
]

我已经看到了如何针对堆栈溢出（例如， 对象到数组（数组的数组） ）上的类似内容执行此操作，但是没有一个适合这个确切的示例。

Answer 1

Array.map()到Object.entries()并通过展开到Array.concat()展平：

 const data = [{"Jan":120,"Feb":283.5,"Mar":10,"Apr":233.92,"May":327.78,"Jun":190.74,"Jul":10,"Aug":10,"Sep":10,"Oct":10,"Nov":10,"Dec":10}] const result = [].concat(...data.map(Object.entries)) console.log(result) 

Answer 2

由于您是从后端获取一个对象而不是一个数组，因此我没有找到其他解决方案，只能循环遍历对象的属性并将值推入新数组中。 看起来像这样：

var newData = [];
Object.keys(data[0]).forEach(function(month) {
    newData.push[month, data[0][month]];
});

Answer 3

做到这一点的经典方法是：

var data = [
   {
     "Jan": 120,
     "Feb": 283.5,
     "Mar": 10,
     "Apr": 233.92,
     "May": 327.78,
     "Jun": 190.74,
     "Jul": 10,
     "Aug": 10,
     "Sep": 10,
     "Oct": 10,
     "Nov": 10,
     "Dec": 10
   }
];
var dataArry = new Array();
for(month in data[0]){
  dataArry[dataArry.length] = [month,data[0][month]];
}

在上面的代码中， dataArry以Array格式保存对象数据。