javascript es6 기초 배우기 002 - for of 반복문

최대 1 분 소요

for of 반복문

  • for in 반복문 : 객체의 key에만 접근가능
let array = [ 10, 20, 30, 40 ];
for (let val in array) {
  console.log(val);
  console.log(array[val]); //배열에 key값으로 value를 출력
}
/* Result
0
1
2
3
10
20
30
40
*/
  • for of 반복문 : 객체의 key, value에 모두 접근가능
let array = [ 10, 20, 30, 40 ];
for (let val of array) {
  console.log(val);
}
/* Result
10
20
30
40
*/
  • for of 반복문은 모든 객체에서 사용가능한 것은 아님
  • symbol iterator 속성을 가진 collection에서만 사용가능
  • 즉, value를 생성할 때 key값이 자동으로 생기는 배열같은 객체에만 사용가능
let obj = { 
  a:1,
  b:2,
  c:3
}
for (let val of obj) {
  console.log(val);
}
/* Result
ERROR obj is not iterable
*/
  • 객체의 특성에 맞춰서 in 과 of를 분별해서 사용할 것

참고