for (let [w, h] of sizes)

for (let [w, h] of sizes) 와 같은 구문은

2차원 배열을 순회하면서 각 서브 배열의 값을 개별 변수로 분해해야 할 때 가장 자주 사용됩니다.

주로 사용되는 상황

1. 2차원 배열의 데이터 처리
   • 배열이 각 요소를 [key, value], [x, y], [width, height] 등과 같이 두 개의 값으로 구성하고 있을 때 유용합니다.
   • 예를 들어, 좌표 데이터를 처리하거나 사각형의 크기를 다룰 때

const rectangles = [ 
[10, 20], 
[15, 25],
[30, 40] 
]; 
for (let [width, height] of rectangles) {
console.log(`Width: ${width}, Height: ${height}`); 
}

1. key-value 쌍을 다룰 때
   • Object.entries()를 통해 객체를 [key, value] 형태의 배열로 변환한 뒤 처리할 때 자주 사용됩니다.

const obj = { a: 1, b: 2, c: 3 };

for (let [key, value] of Object.entries(obj)) {
  console.log(`${key}: ${value}`);
}

1. Map 객체 순회
   • Map 객체는 [key, value] 쌍으로 이루어져 있으므로, 이를 처리할 때 유용합니다.

const map = new Map([
  ['name', 'Alice'],
  ['age', 25],
  ['city', 'Seoul']
]);

for (let [key, value] of map) {
  console.log(`${key}: ${value}`);
}

1. 구조화된 데이터를 순회하면서 변수를 명확히 분리할 때
   • 복잡한 데이터 구조에서 값들을 바로 사용할 수 있어 코드 가독성이 좋아집니다. 예를 들어:

const sizes = [
  [60, 50],
  [30, 70],
  [80, 40]
];

for (let [width, height] of sizes) {
  console.log(`Width: ${width}, Height: ${height}`);
}

 

위 구문은 2차원 배열의 요소를 명확히 나눠야 하는 작업에서 가장 적합합니다.