有没有一种干净的方法来解析对象数组？

Question

对不起，我不知道如何形容这个标题。
我想转换以下数据结构：

raw = [
   {'id': 1, 'tilt': [tilt1_1, ..., tilt9_1]},
   {'id': 2, 'tilt': [tilt1_2, ..., tilt9_2]},
   ...
   {'id': n, 'tilt': [tilt1_n, ..., tilt9_n]},
];

进入：

tilts = [
    [tilt1_1, ..., tilt1_n],
    [tilt2_1, ..., tilt2_n],
    ...
    [tilt9_1, ..., tilt9_n],
];

我有以下工作解决方案：

tilts = [[], [], [], [], [], [], [], [], []];
for (let i = 0; i < raw.length; i++) {
  for (let j = 0; j < tilts.length; j++) {
    tilts[j].push(raw[i]['tilt'][j]);
  }
}

是否有更清洁或更惯用的方法来实现这一目标？

Answer 1

你要求的是一个数组 transpose ，它可以通过这种方式完成：

[
    { 'id': 1, 'tilt': [1.1,1.2,1.3] },
    { 'id': 2, 'tilt': [2.1,2.2,2.3] },
    { 'id': 3, 'tilt': [3.1,3.2,3.3] },
].map(e => e.tilt)                            // isolate the tilt property
 .map((_, i, arr) => arr.map(row => row[i])); // transpose the array

结果将是：

[
    [1.1, 2.1, 3.1], 
    [1.2, 2.2, 3.2], 
    [1.3, 2.3, 3.3]
]

---

---

编辑：

如果数组中缺少元素，您可以将它们过滤掉：

[
    { 'id': 1, 'tilt': [1.1] },
    { 'id': 2, 'tilt': [2.1, 2.2] },
    { 'id': 3, 'tilt': [3.1, 3.2, 3.3] },
].map(e => e.tilt)
 .map((_, i, arr) => arr.map((row) => row[i]).filter(e => e))

// result
[
    [1.1], 
    [2.1, 2.2], 
    [3.1, 3.2, 3.3]
]

Answer 2

let tilts = raw.map( ( val ) => val.tilt );