써먹는 웹개발

[ES6] For.. of와 For.. in의 차이 본문

웹개발/ES6, ES2020

[ES6] For.. of와 For.. in의 차이

kmhan 2020. 11. 12. 14:34


728x90
반응형

1. For.. of

 - 배열 값 순환

 - 예시

var arr = [1, 2, 3];

for (var item of arr) {
 console.log(item); // 1, 2, 3
}
// 배열을 for.. in으로 출력한다면?
var arr = [1, 2, 3];

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

 

2. For.. in

 - 객체 값 순환

 - 예시

var obj = {
 a: 1,
 b: 2,
 c: 3
}

for (var item in obj) {
 console.log(item); // a, b, c
}
// 객체를 for.. of로 출력한다면?
var obj = {
 a: 1,
 b: 2,
 c: 3
}

for (var item of obj) {
 console.log(item); // Uncaught TypeError: obj is not iterable
}

 

출처 : velog.io/@eomttt/for-...in-for-...of-%EC%B0%A8%EC%9D%B4

728x90
반응형


Comments