[Javasciprt] For문법(반복문) 종류 4가지

자바스크립트에는 4가지 for문이 있으면 하나씩 특징을 알아보겠다.

배열 선언

const array = ['A', 'B', 'C', 'D'];
const size = array.length;

기본적인 for문

기본적인 for문 문법이며 인덱스로 직접 배열의 요소를 선택하여 보여줍니다.

// 기본적인 for문
for (let i = 0; i < size; i++) {
  console.log(array[i]);
}

// A
// B
// C
// D

for in문

for in문은 Object에 있는 key에 차례로 접근하는 데 사용되는 반복문이다.
배열에서 사용할 수도 있지만 권장되지 않는 기법이다.

// Map 객체 선언
const obj = {
  1: 'A',
  2: 'B',
  3: 'C',
};

// for in 문 (Object)
for (let i in obj) {
  console.log(obj[i]);
}

// A
// B
// C
// D

// for in 문 (Array) - 권장되지 않음
for (let i in array) {
  console.log(array[i]);
}

// A
// B
// C
// D

forEach문

forEach문은 배열의 요소 또는 인덱스를 반환해주는 반복문이다.

// forEach문
array.forEach(function (item, index) {
  console.log(index);
  console.log(item);
});

// 0
// A
// 1
// B
// 2
// C
// 3
// D

for of문

for of문은 ES6부터 사용이 가능한 문법이면 배열의 객체를 하나씩 반환해주는 반복문이다.

// for of 문
for (let item of array) {
  console.log(item);
}

// A
// B
// C
// D

다른 글 읽어보기 ⬇️