¿Es posible acortar estos tres bucles for en uno? El código funciona absolutamente bien, solo quiero saber si existe la posibilidad de acortar estos tres bucles for en uno por razones de ejercicio y también para la legibilidad del código.
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)Si te refieres a un solo bucle de nivel superior, podrías usar un bucle anidado:
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 }); } }No creo que un solo bucle en general sea más legible que esto.
Un solo bucle requeriría un poco de matemática. (ver: Resto (%) y Math.floor() )
const boardCoord = []; for (let i = 0; i < 9; i++) { boardCoord.push({ x: (i % 3) * 166, y: Math.floor(i / 3) * 166 }) } console.log(boardCoord)O generalizada...
const WIDTH = 3; const HEIGHT = 3; const SCALE = 166; const boardCoord = []; for (let i = 0; i < WIDTH * HEIGHT; i++) { boardCoord.push({ x: (i % WIDTH) * SCALE, y: Math.floor(i / WIDTH) * SCALE }) } console.log(boardCoord)Pero no es necesariamente más legible que un bucle anidado que también se puede generalizar.
const COLS = 3; const ROWS = 3; const SCALE = 166; const boardCoord = []; for (let row = 0; row < ROWS; row++) { for (let col = 0; col < COLS; col++) { boardCoord.push({ x: SCALE * col, y: SCALE * row }); } } console.log(boardCoord)