JS 의 for...in 과 for...of 의 용법 을 자세히 알 아 보 세 요.

2216 단어 Jsforinof
프로 그래 밍 방법론

for(init;test;step ){
 statement
}
//  
for(int i=0,i<10;i++){
 ...
}
나중에 python 을 접 했 습 니 다.for 순환 의 형식 은 더욱 간단 하고 우아 합 니 다.for...in 문 구 를 하나 만 있 으 면 대상 을 직접 옮 겨 다 닐 수 있 습 니 다.
for i in arry
오늘 료 설 봉 의 홈 페이지 를 보면 js 에서 더 신기 한 조작 을 볼 수 있 습 니 다.for.............................................................

var a = ['A', 'B', 'C'];
for (var i in a) {
 alert(i); // '0', '1', '2'
 alert(a[i]); // 'A', 'B', 'C'
}
or...of 순환 은 ES6 에서 도입 한 새로운 문법 입 니 다.for...of 순환 으로 집합 을 옮 겨 다 니 며 사용 하 는 방법 은 다음 과 같 습 니 다.

var a = ['A', 'B', 'C'];
var s = new Set(['A', 'B', 'C']);
var m = new Map([[1, 'x'], [2, 'y'], [3, 'z']]);
for (var x of a) { //   Array
 alert(x);//'A', 'B', 'C'
}
for (var x of s) { //   Set
 alert(x);//'A', 'B', 'C'
}
for (var x of m) { //   Map
 alert(x[0] + '=' + x[1]);//1='x',2='y',3='z'
}
for...in 순환 은 역사 에 남 겨 진 문제 로 인해 실제 대상 의 속성 이름 을 옮 겨 다 닙 니 다.하나의 Array 배열 도 실제 적 으로 하나의 대상 이 고 모든 요소 의 색인 은 하나의 속성 으로 여 겨 집 니 다.
Array 대상 에 게 수 동 으로 추가 속성 을 추가 하면 for...in 순환 은 예상 치 못 한 의외 의 효 과 를 가 져 옵 니 다.

var a = ['A', 'B', 'C'];
a.name = 'Hello';
for (var x in a) {
 alert(x); // '0', '1', '2', 'name'
}
for...in 순환 은 name 을 포함 하지만 Array 의 length 속성 은 포함 되 지 않 습 니 다.
for...of 순환 은 이 문제 들 을 완전히 복 구 했 습 니 다.이 문 제 는 그 자체 의 요소 만 순환 합 니 다.

var a = ['A', 'B', 'C'];
a.name = 'Hello';
for (var x of a) {
 alert(x); // 'A', 'B', 'C'
}
위 에서 말 한 것 은 편집장 님 께 서 소개 해 주신 Js 의 for...in 과 for...of 의 용법 이 상세 하 게 통합 되 어 여러분 께 도움 이 되 기 를 바 랍 니 다.궁금 한 점 이 있 으 시 면 메 시 지 를 남 겨 주세요.편집장 님 께 서 바로 답 해 드 리 겠 습 니 다.여기 서도 저희 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!

좋은 웹페이지 즐겨찾기