如何简洁地创建 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));