javascriptperformancefor-loopshortcode-readability

Shorten for-loops into one

is it possible to shorten these three for loops into one the code works absolutely fine, I just want to know if there is a possibility to shorten these three for loops into one for exercising reasons and also for code-readability

let board_coord = []

for (let i = 0; i < 3; i++) {
  board_coord.push({
    x: i * 166,
    y: 0
  })
}
for (let j = 0; j < 3; j++) {
  board_coord.push({
    x: j * 166,
    y: 166
  })
}
for (let k = 0; k < 3; k++) {
  board_coord.push({
    x: k * 166,
    y: 332
  })
}

console.log(board_coord)

Solution

  • If you mean a single top level loop, you could use a nested loop:

    const SIZE = 166;
let boardCoord = [];
for (let i = 0; i < 3; i++) {
    for (let j = 0; j < 3; j++) {
        boardCoord.push({ x: SIZE * j, y: SIZE * i });
    }
}

    I don't think a single loop overall would be any more readable than this.