자바스크립트 for...of(이터레이터) 반복문 사용 및 예제

자바스크립트에서 for…of를 사용하여 반복문을 사용하는 방법과 예제를 보도록 하겠습니다.

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

for문 예제1

var forItera = [10, 20, 30];

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

일반적으로 가장 많이 볼 수 있는 for문의 작성방법이기도 합니다.

그리고 많이 볼 수 있는 for문의 작성 방법으로는 다음과 같은 방법도 있습니다.

var forItera = [10, 20, 30];

forItera.forEach(value => {
	console.log(value);
});

forEach를 사용하여 배열이나, Set, Map(Array, Set, Map)의 모든 값을 출력하도록 하는 방법입니다.

단, 속도가 느리다는 것이 단점입니다.

적은 양의 데이터를 처리하는 데에는 차이가 많이 없지만, 많은 양의 데이터를 처리하는 데에는 차이가 있는듯합니다.

forEach 처리 속도가 느린 이유는 처리 중간에 함수를 호출하는 처리가 있어서 라고 합니다.

새로운 반복문 처리 방법인 for…of 사용법입니다.

const forItera = [10, 20, 30];

for (const value of forItera) {
	console.log(value);
}

이터레이터 방식을 사용하여 반복문을 처리해줍니다.

즉 요소를 하나씩 꺼내서 처리를 하고 있습니다.