[JS / jQuery] for문 유형 forEach, for...of 사용법 및 예제

JavaScript 반복문(for 문) forEach, for...of 유형 사용법 및 예제

 

자바스크립트에서 기본 for문 이외에 forEach 방식과 for...of 방식에 대해서 설명하겠습니다.

 

지금까지 사용해왔던 for문은 아래 예제처럼 사용했습니다.

var arr = [1, 2, 3, 4, 5];

for(var i=0; i<arr.length; i++) {
	var val = arr[i];
    console.log(val);
}

하지만 이 외에 for문의 작성 방법으로 forEach 또는 for...of 를 이용해 반복문을 처리할 수 있습니다.

 

 

forEach 사용법

✔️ forEach를 사용하여 배열이나 Set, Map(Array, Set, Map)의 모든 값을 출력하도록 할 수 있습니다.

하지만 forEach의 단점은 속도가 느리다는 것 입니다. 👉 처리 중간에 함수를 호출하는 처리가 있기 때문

var arr = [1, 2, 3, 4 ,5];

arr.forEach(val => {
	console.log(val);
});

 

 

for...of 사용법

✔️이번엔 새로운 반복문 처리 방법인 for...of 사용 방법입니다.

var arr = [1, 2, 3, 4 ,5];

for(var val of arr) {
	console.log(val);
}

생각보다 간단하죠?

 

👉 이터레이터(Iterator) 방식으로 요소를 하나씩 꺼내서 처리하는 방식입니다.

 

 

 

감사합니다.