CODEDRAGON ㆍDevelopment/JavaScript, jQuery, ...
for in 반복문
객체에 포함된 모든 속성에 대해 반복을 실행하는 명령문
for in 반복문 형식
· for문 다음에 괄호를 열고 in 왼쪽에는 변수를 오른쪽에는 객체나 배열명을 위치시켜 사용합니다.
· 오른쪽의 배열의 인덱스나 객체의 속성이 왼쪽의 변수에 할당되게 됩니다.
· 반복문 안에서 변수를 사용하여 객체의 속성이나 배열 요소를 참조할 수 있습니다.
for(var 변수명 in 객체|배열){
} |
확장 for문 vs for in반복문 비교
구분 |
설명 |
확장 for문 (java) |
배열의 값(value)을 반환하지만 |
for in반복문 (javascript) |
배열의 인덱스(index)를 반환 |
자바스크립트에서 for in문 vs for문 사용
구문 |
설명 |
for in 문 |
배열 요소, 프로퍼티 출력 |
for 문 |
배열 요소만 출력 |
배열의 프로퍼티 열거
· 객체는 for in문으로 프로퍼티를 열거할 수 있습니다.
· 배열도 객체이므로 for in문을 사용해서 배열 내의 모든 프로프티를 열거할 수 있습니다.
· 이럴경우 불필요한 프로퍼티가 출력될 수 있으므로 for문을 사용할 것을 권장합니다.
배열 요소와 객체 속성 접근 방법
배열 |
· 단순 for 반복문과 for in 반복문으로 요소에 접근가능 |
객체 |
· 단순 for 반복문으로 객체의 속성을 살펴보는 것이 불가능하며, · 객체의 속성을 모두 살펴보려면 for in 반복문을 사용해야 합니다. |
객체선언 |
var info{ name:'코드드레곤', age:27, phone:'010-1234-5678', address:'서울시 강남' }; |
객체접근 |
var output =''; for(var key in info){ output += '-' + key + ':' + info[key] + '\n'; } alert(output); |
'Development > JavaScript, jQuery, ...' 카테고리의 다른 글
객체 호출 하기-객체 프로퍼티 접근 방법, 객체에서 메서드 호출, 속성 호출시 대괄호 연산자만 쓸 수 있는 경우-식별자로 사용할 수 없는 프로퍼티명을 사용하는 경우 , 변수의 값을 프로퍼티. (0) | 2019.01.11 |
---|---|
JavaScript - 프로퍼티(property), 프로퍼티 생성, 프로퍼티 참조, 프로퍼티 삭제 (0) | 2019.01.11 |
연관 배열(associative array) (0) | 2019.01.11 |
문자열 배열 (0) | 2019.01.10 |
배열의 메소드, 스택(Stack), shift() vs pop() (0) | 2019.01.10 |