javascript - 如何简洁地创建 JavaScript 数组数组，每个数组的长度不同(每一行都有不同的指定长度)？

Question

我需要创建一个 Javascript 数组来表示房间中表格的布局:

0 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 
17 18 19

到目前为止我已经这样做了:

this.CHART = Array(4).fill(0).map((x, i) => Array(5).fill(0).map((y, j) => j));

...产生这个数组:

0 1 2 3 4
0 1 2 3 4
0 1 2 3 4
0 1 2 3 4

这非常接近要求，但现在我正在努力尝试分配正确的值，并为每个数组分配不同的大小。

这个有味道的版本可以创建所需的数组，但我认为一定有更好的方法，这对我和以后阅读这篇文章的其他人都有帮助:

ROW_1 = [];
ROW_2 = [];
ROW_3 = [];
ROW_4 = [];

const ROW_1_SIZE = 5;
const ROW_2_SIZE = 7;
const ROW_3_SIZE = 5;
const ROW_4_SIZE = 3;

ROW_1 = Array(ROW_1_SIZE).fill(0).map((x, i) => i + 1);
ROW_2 = Array(ROW_2_SIZE).fill(0).map((x, i) => i + 1 + ROW_1_SIZE );
ROW_3 = Array(ROW_3_SIZE).fill(0).map((x, i) => i + 1 + ROW_1_SIZE + ROW_2_SIZE );
ROW_4 = Array(ROW_4_SIZE).fill(0).map((x, i) => i + 1 + ROW_1_SIZE + ROW_2_SIZE + ROW_3_SIZE );

Answer 1

您可以为闭包中的值保留一个计数器。

var lengths = [5, 7, 5, 3],
    result = lengths.map((i => length => Array.from({ length }, _ => i++))(0));

result.forEach(a => console.log(...a));

没有 IIFE

mapWithValue 是一个函数，它需要一个值并返回 Array#map 的回调用于创建数组并映射增加的值。

const mapWithValue = i => length => Array.from({ length }, _ => i++);

var lengths = [5, 7, 5, 3],
    result = lengths.map(mapWithValue(0));

result.forEach(a => console.log(...a));