자바스크립트 반복문 4가지 정리

자바스크립트에는 4가지의 반복문이 있다.

for ... loop, for ... of, for ... in, forEach이다.

 

1. for ... loop

for ... loop은 평상시 다른 언어에서 많이 사용하는 형태의 반복문이다.

const foods = ["Apple", "Banana", "Mango"];

for (let i = 0; i < foods.length; i++) {
	console.log(foods[i]);
}

// 코드 실행 시
// Apple
// Banana
// Mango

 

2. for ... of

const foods = ["Apple", "Banana", "Mango"];

for (const food of foods) {
	console.log(food);
}

// 코드 실행 시
// Apple
// Banana
// Mango

 

3. for ... in

const foods = ["Apple", "Banana", "Mango"];

for (const index in foods) {
	console.log(index, foods[index]);
}

// 코드 실행 시
// 0 Apple
// 1 Banana
// 2 Mango

 

4. forEach

const foods = ["Apple", "Banana", "Mango"];

foods.forEach(food => {
	console.log(food);
});

// 코드 실행 시
// Apple
// Banana
// Mango