ES6 - for loop 사용하기

1. forEach

forEach 반복문은 오직 Array 객체에서만 사용가능한 메서드입니다. (ES6부터는 Map, Set 지원)

 

배열의 요소들을 반복하여 작업을 수행할 수 있습니다.

const arr = ['가','나','다','라']; 

arr.forEach(function(item,index,arr2){ 
		console.log(item,index,arr2[index+1]); 
}) 

//첫번째 인수는 배열의 각각의 item 
//두번째 인수는 배열의 index 
//세번째 인수는 배열 그자체

 

2. for-in 

객체의 요소들(Data)을 순회하기 위한 구문으로 배열의 인덱스를 순회합니다.

let list = [4, 5, 6];

for(let i in list) {
	console.log(i); // 결과 : "0", "1", "2",
}

 

for-in의 단점은 다음과 같습니다.

• 인덱스가 문자로 반환
• 루프 구문이 요소들만 순회하는 것이 아니라 프로토타입 체인(chain)도 순회
• 루프 순회 순서가 무작위

3. for-of

for-of는 for-in의 단점을 극복할 수 있는 루프입니다.

let list = [4, 5, 6];

for(let i of list) {
	console.log(i); // 결과 : "4", "5", "6",
}

 

for-of의 장점은 다음과 같습니다.

• 배열 순회를 지원하는 문법 중에서 가장 간결하고 직접적으로 접근 가능
• for-in 구문의 단점을 보완
• forEach 문에서 지원하지 않는 break, continue, return 구문 사용 가능