728x90
300x250
SMALL
for-in 반복문은?
in 키워드를 사이에 두고 오른쪽에는 반복할 대상 변수를 넣고 왼쪽에는 속성명을 넣는다.
for (속성이름 in 반복할 대상) {
}
반복할 대상의 요소들의 각 키 정보가 속성 값으로 하나씩 할당되면서 반복되는 구조
반복될 때마다 속성 이름이 변수로 지정된다.
fon in 문은 순회 가능한 객체 요소들을 열거한다. 내장 속성들은 열거하지 않고 사용자가 직접 정의한 속성 값들에 대해서만 열거한다.
const object = { a: 1, b: 2, c: 3 };
for (const property in object) {
if (!object.hasOwnProperty(property)) continue;
console.log(`${property}: ${object[property]}`); //${property} 키정보 호출, ${object[property]} 속성값 호출
}
매 반복마다 hasOwnProperty 내장함수를 실행해서 object 객체에 property에 해당하는 키값이 있는지 확인하고 없으면 continue문을 사용해서 다음 문장은 무시하고 다음 반복으로 넘어간다.
실행결과
for...in은 언제 사용되는가?
for in은 배열의 반복을 이해서는 추천되지 않는다. 배열의 반복을 위해서는 Array.prototype.forEach(), for-of가 이미 존재한다.
for in 구문은 쉽게 객체의 속성을 확인할 수 있기 때문에 디버깅용으로 주로 사용된다.
키-쌍의 데이터의 경우 특정 값을 가진 키가 있는지 확인할 경우에 for-in을 사용할 수 있다.
참고 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/for...in
728x90
반응형
LIST
'javaScript > J Query & 스크립트' 카테고리의 다른 글
javascript에서 Infinity, NaN (0) | 2022.03.04 |
---|---|
null과 undefined 차이 (0) | 2022.03.03 |
생성자 함수 자바스크립트 (0) | 2022.02.28 |
JavaScript Boolean에서 false / true에 해당 되는것 (0) | 2022.02.27 |
javascript에서 'use strict' 의미 (0) | 2022.02.26 |
댓글