Question

Views

I am trying to make a 2D array javascript using looping, with a result like this:

[[a1,a2,a3,a4,a5][b1,b2....]..[...e3,e4,e5]]

I have tried multiple different things, using for loops and the below, but am unable to create as needed.

var cols = [1,2,3,4,5];
var rows = ["a", "b", "c","d", "e"];

var grid = [ for (r of rows) [ for (c of cols) r+c ] ];

any help is appreciated.

Thanks

about 4 years ago · Juan Pablo Isaza

Answer question

Answer 1 · 2022-06-25T02:14:29.143Z

You can get your desired result using a nested map over the rows and columns:

var cols = [1,2,3,4,5];
var rows = ["a", "b", "c","d", "e"];

var grid = rows.map(r => cols.map(c => r + c));

console.log(grid)

Answer 2 · 2022-06-25T02:14:29.151Z

It looks like @Nick beat me to it again ;-) but, obviously, this is the solution:

var cols = [1,2,3,4,5];
var rows = ["a", "b", "c","d", "e"];

const res = rows.map(r=>cols.map(c=>r+c));

console.log(res);