[Javascript] 반복문(4) - 배열 반복문 for...of (ES6)

 

이번에 알아볼 반복문은 for...of 입니다.

for...of 는 ES6에 추가된 문법입니다.

 

이 반복문은 배열 또는 map객체 등 iterable 객체의 값들을 순회할 수 있습니다.

 

 for...of 

for(variable of object)	{
	statement
}

object 는 iterable 객체입니다. (배열 또는 Map, Set, String 등)

variable은 iterable 객체에서 하나씩 뽑아온 값입니다.

 

for...of를 사용하면 배열의 인덱스는 알 수 없습니다.

인덱스를 알아야 한다면 다른 for 반복문을 사용해야 합니다.

[Javascript] 반복문(1) - for

 

 

예제 1. 배열

See the Pen 반복문 by anna (@hianna) on CodePen.

 

 

 

 

예제 2. 문자열

See the Pen 반복문 by anna (@hianna) on CodePen.

 

for...of 구문으로 문자열 객체를 순회하면, 문자열의 한 글자씩 가져옵니다.

 

 

예제 3. Map

See the Pen 반복문 by anna (@hianna) on CodePen.

 

for...of 구문으로 Map 객체를 순회하면 [key, value] 형태의 배열 객체를 하나씩 가져옵니다.

 

 

예제 4. Set

See the Pen 반복문 by anna (@hianna) on CodePen.

 

for...of 구문으로 Set 객체를 순회하면, 각각의 값들을 하나씩 가져옵니다.