How do I invert a multidimensional-array in Javascript?

Question

I have the following code:

const BOARD = { X: 3, Y: 5 };

const board = new Array(BOARD.X)
    .fill(0)
    .map((_, idx) =>
        new Array(BOARD.Y).fill().map((elm, idx2) => (elm = `${idx},${idx2}`))
    );

console.log(board)

And is printing in the console:

[
  [ '0,0', '0,1', '0,2', '0,3', '0,4' ],
  [ '1,0', '1,1', '1,2', '1,3', '1,4' ],
  [ '2,0', '2,1', '2,2', '2,3', '2,4' ]
]

How can I invert the order of 'X' row, so it prints:

[
  [ '2,0', '2,1', '2,2', '2,3', '2,4' ],
  [ '1,0', '1,1', '1,2', '1,3', '1,4' ]
  [ '0,0', '0,1', '0,2', '0,3', '0,4' ]
]

TAHER El Mehdi · Accepted Answer · 2022-08-10 17:34:40Z

2

SIMPLY with reverse method

board.reverse()

const BOARD = { X: 3, Y: 5 };

const board = new Array(BOARD.X)
    .fill(0)
    .map((_, idx) =>
        new Array(BOARD.Y).fill().map((elm, idx2) => (elm = `${idx},${idx2}`))
    );
board.reverse();
console.log(board)

answered Aug 10, 2022 at 17:34

TAHER El Mehdi

9,6547 gold badges33 silver badges52 bronze badges

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

Comments

IT goldman · Accepted Answer · 2022-08-10 21:29:38Z

0

Or generate it with BOARD.X - idx - 1 for the x index.

const BOARD = {
  X: 3,
  Y: 5
};

const board = new Array(BOARD.X)
  .fill(0)
  .map((_, idx) =>
    new Array(BOARD.Y).fill().map((elm, idx2) => (elm = `${BOARD.X-idx-1},${idx2}`))
  );

console.log(board)

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

answered Aug 10, 2022 at 21:29

IT goldman

20.4k2 gold badges18 silver badges34 bronze badges

Collectives™ on Stack Overflow

How do I invert a multidimensional-array in Javascript?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related