자바스크립트 for, for in, for of 등 반복문 정리

자바스크립트 반복문 종류

1. for
2. forEach
3. for in
4. for of

for

가장 많이 알고 있는 반복문입니다. 대부분의 언어에서 형태가 비슷합니다.

// 숫자 0 ~ 10까지 출력하는 예제
for (let i = 0; i <= 10; i++){
  console.log(i);
}

forEach

Array객체에서 사용 가능한 메서드입니다.

const array = ["A", "B", "C", "D", "E"];

array.forEach((item, index, original) => {
  // 현재 값
  console.log(item);
  // 현재 반복문 index
  console.log(index);
  // 반복시킨 원래 값
  console.log(original);
});

for in

Object(객체) 반복문 실행 시 사용합니다.

let product = {
  id: 12345,
  name: "판매상품 이름",
  price: 32000,
  creator: "abc1234",
};

for (const item in product) {
  console.log(item, product[item]);
}

/* 출력결과
  id 12345
  name 판매상품 이름
  price 32000
  creator abc1234
*/

for of

Array를 반복할 때 사용합니다.

let array = [
  [1, 2],
  [2, 3],
  [3, 4],
];

for (const item of array) {
  console.log(item);
}

/* 출력결과
  [ 1, 2 ]
  [ 2, 3 ]
  [ 3, 4 ]
*/