[ES6] Loop 에 대해서 알아보자 forEach, for of

간단하게 반복문에 대해서 알아보도록 하겠습니다.

 

우선 기존의 js 에서 반복문은 다음과 같습니다.

const fruits = ["apple", "banana", "melon", "strawberry"]

for (let i=0;i<fruits.length;i++){
  console.log(`${i} 번째 원소 : ${fruits[i]}`);
}

/*
0 번째 원소 : apple
1 번째 원소 : banana
2 번째 원소 : melon
3 번째 원소 : strawberry
*/

 

forEach

forEach 는 함수를 파리미터 받게 됩니다.

이 함수는 다시 3개의 파리미터를 받게 됩니다.

• 현재 원소
• 현재 인덱스
• 전체 array

단점은 반복문을 중간에 끝낼 수 없다는 점입니다.

printFruit = (current, index, array) => console.log(`${index} 번째 원소 :${current}`);
fruits.forEach(printFruit);

 

for of

for of 는 아래와 같이 사용합니다.

for (const fruit of fruits){
  console.log(fruit);
}

 

문자열에서도 가능 뿐만 아니라 여러 iterable 한 객체에 대해서 모두 가능합니다. 문자열도 마찬가지죠.

for (const letter of "minsung"){
  console.log(letter);
}

/*
m
i
n
s
u
n
g
*/