将具有键值对的对象子数组转换为数组数组

Question

我无法将一些 CSV 数据转换为 NVD3 堆积面积图可接受的格式（此处显示的示例数据：http://nvd3.org/examples/stackedAreaData.json）。我目前有一个对象数组，其值为键值对对象，但需要将其转换为一个对象数组，其值为数组数组。

现在的样子：

[{"key":"path1","values":[{"key":1,"value": x},{"key":2,"value": y},{"key":3,"value": z}]},{"key":"path2","values":[{"key":1,"value": a},{"key":1,"value": b},{"key":1,"value": c}]}]

它应该是什么样子：

[{"key":"path1","values":[[1,x],[2,y],[3,z]]},{"key":"path2","values":[[1,a],[2,b],[3,c]]}]

换句话说，我需要将每个对象中对应于“路径”（path1、path2 等）的“值”从对象数组更改为数组数组（这只是对象属性“键”和“值”。

这里显示了我当前的代码：

d3.csv("http://monicawojciechowski.github.io/pathtoplayoff/full_data.csv", function(d) {
  return {
    path: +d.path,
    week: +d.week,
    playoff: +d.playoff,
    tm: d.tm,
    conf: d.conf,
    div: d.div,
    conf_div: d.conf_div
  };
  },

  function(data) {
  var rawdata = data;
  console.log(rawdata);

 var databypath_rollup = d3.nest()
 .key(function(d) {return +d.path; }).sortKeys((a, b) => d3.ascending(+a, +b))
 .key(function(d) {return +d.week; }).sortKeys((a, b) => d3.ascending(+a, +b))
 .rollup(function(leaves) {return d3.sum(leaves, function(d) {return parseFloat(d.playoff);})})
 .entries(rawdata);
console.log(databypath_rollup);

当我尝试将对象数组更改为数组数组时，请执行以下操作：

var arrayformat = databypath_rollup.map(function(obj) {
  return Object.keys(obj).sort().map(function(key) { 
    return obj[key];
  });
});
console.log(arrayformat);

我错误地将外部对象数组更改为数组数组。我想保留更高级别的键值对，同时将子级别更改为 [1,y] (vs. {"key":1,"value":y})

有什么想法吗？

Answer 1

看起来是Array.prototype.reduce()的完美使用

看起来你正在使用 ES5，所以这是 ES5 的样子

let res1 = items.reduce(function(acc, item){
  return acc.concat({
    "key": item.key,
    "values": item.values.map(function(value) { return [value.key, value.value] })
  })
}, []);

这就是 ES6 的样子

let res2 = items.reduce((acc, item) => {
  return acc.concat({
    "key": item.key,
    "values": item.values.map((value) => [value.key, value.value])
  })
}, []);

以上两个都使用这个数组（它修复了示例中的语法错误）...

let items = [{ "key": "path1", "values": [{ "key": 1, "value": "x" }, { "key": 2, "value": "y" }, { "key": 3, "value": "z" }] }, { "key": "path2", "values": [{ "key": 1, "value": "a" }, { "key": 1, "value": "b" }, { "key": 1, "value": "c" }] }];

我在 repl.it 上设置了一个 repl... https://repl.it/MsQu