LHJ

I'm a FE developer.

4.2.7 for ... of 루프

19 Apr 2020 » js_lj

for … of 문은 ES6에서 새로 생긴 반복문이며 컬렉션의 요소에 루프를 실행하는 다른 방법입니다.
문법은 다음과 같습니다.

for (variable of object)
	statement

for … of 루프는 배열은 물론 (9장에서 설명할) 이터러블(iterable) 객체에 모두 사용할 수 있는 법용적인 루프입니다.
다음 예제에서는 배열에 루프를 실행했습니다.

const hand = [randFace(), randFace(), randFace()];
for (let face of hand)
	console.log(`you rolled ... ${face}!`);

for … of 는 배열에 루프를 실행해야 하지만 각 요소의 인덱스를 알 필요는 없을 때 알맞습니다.
인덱스를 알아야 한다면 일반적인 for 루프를 사용하십시오.

const hand = [randFace(), randFace(), randFace()];
for (let i = 0; i<hand.length; i++)
	console.log(`Roll ${i+1}: ${hand[i]}`);