for in과 for of의 차이점

2094 단어
es6 , for of , for in , , , : for ... in 순환은 역사가 남긴 문제로 인해 실제적으로 대상의 속성 명칭을 누비고 있다.하나의 Array 수조도 사실상 하나의 대상이며, 모든 요소의 인덱스는 하나의 속성으로 간주된다.
우리가 수동으로 Array 대상에 추가 속성을 추가하면 for ... in 순환은 예상치 못한 의외의 효과를 가져올 것이다.
var cc= ['A', 'B', 'C'];
cc.name = 'Hello';
for (var x in cc) {
    console.log(x); // '0', '1', '2', 'name'
}
for ... in 순환은 name를 포함하지만 Arraylength 속성은 포함되지 않는다.for ... of 순환은 이 문제들을 완전히 복원하고 그 자체의 원소만 순환한다.
var cc = ['A', 'B', 'C'];
cc.name = 'Hello';
for (var x of cc) {
    console.log(x); // 'A', 'B', 'C'
}
for ... of
순환은 ES6에서 도입한 새로운 문법으로 사용 시 브라우저가 지원하는지 테스트해야 한다.

좋은 웹페이지 즐겨찾기