JavaScript for...of와 for...in의 차이

for..of는 "값"을 순회하고,

for...in은 "인덱스"를 순회한다.

 

배열을 예로 들면 아래와 같다.

var array = ['a', 'b', 'c'];

for (var value of array) {
	console.log(value);
}
// a b c

for (var index in array) {
	console.log(index);
}
// 0, 1, 2

 

객체의 경우 인덱스는 속성(key)이다.

var object = {a: '한국', b: '미국', c: '러시아'};

for (var value of object) {
	console.log(value);
}
// 한국, 미국, 러시아

for (var index in object) {
	console.log(index);
}
// a, b, c