How to create a 2d array with array of objects inside columns in javascript?

Question

I want to predefine the 2d-array containing an array of objects like this below image:

I am trying this way:

var grid = [];
iMax = 3;
jMax = 2;
count = 0;

    for (let i = 0; i < iMax; i++) {
      grid[i] = [];

      for (let j = 0; j < jMax; j++) {
        grid[i][j] = count;
        count++;
      }
    }

I know in java how to do it. But in javascript unable to figure out. — Biku7
– Biku7, Commented Apr 4, 2021 at 9:29

eol · Accepted Answer · 2021-04-04 11:24:13Z

1

In your code you're building up the two-dimensional array, but you are filling the rows with numbers (i.e. your setting the count) instead of an array of objects. So if you want to achieve the exact same structure as provided in the screenshot, you can do:

const rows = 4;
const cols = 4;
const elementCount = 3;



function buildGrid(rows,cols, elementCount) {
  const grid = [];
  for(let i=0; i < rows; i++) {
    grid[i] = [];
    for(let j=0; j < cols; j++) {
      grid[i].push(Array.from({length:elementCount}, () => ({})));
    }

  }
  return grid;
}

const grid = buildGrid(rows,cols,elementCount);
console.log(grid);

answered Apr 4, 2021 at 11:24

eol

24.7k6 gold badges53 silver badges72 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to create a 2d array with array of objects inside columns in javascript?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related