在ES6中将多维数组转换为平面对象数组的最佳实践

Question

我有一个源多维数组。 它看起来像：

var arr = [];
arr[1] = [];
arr[2] = [];
arr[3] = [];
arr[1][1] = "11";
arr[1][2] = "12";
arr[1][3] = "13";
arr[2][1] = "21";
arr[2][2] = "22";
arr[2][3] = "23";
arr[3][1] = "31";
arr[3][2] = "32";
arr[3][3] = "33";

我需要使用ES6功能将其转换为平面阵列。 结果必须如下所示：

var res = [
  { col:1, row:1, val:"11"},
  { col:1, row:2, val:"12"},
  { col:1, row:3, val:"13"},
  { col:2, row:1, val:"21"},
  { col:2, row:2, val:"22"},
  { col:2, row:3, val:"23"},
  { col:3, row:1, val:"31"},
  { col:3, row:2, val:"32"},
  { col:3, row:3, val:"33"}
];

Answer 1

您可以将Array#reduce和Array#forEach用于新对象。

＆＃13;

＆＃13;

var arr = [, [, '11', '12', '13'], [, '21', '22', '23'], [, '31', '32', '33']],
    result = arr.reduce((r, a, col) => (a.forEach((val, row) => r.push({ col, row, val })), r), []);

console.log(result);

＆＃13;

.as-console-wrapper { max-height: 100% !important; top: 0; }

＆＃13;

＆＃13;

＆＃13;