for in 반복문, for in 반복문 형식, 확장 for문 vs for in반복문 비교, 자바스크립트에서 for in문 vs for문 사용, 배열의 프로퍼티 열거, 배열 요소와 객체 속성 접근 방법

CODEDRAGON Development/JavaScript, jQuery, ...

반응형

 

 

for in 반복문

객체에 포함된 모든 속성에 대해 반복을 실행하는 명령문

 

 

for in 반복문 형식

·       for문 다음에 괄호를 열고 in 왼쪽에는 변수를 오른쪽에는 객체나 배열명을 위치시켜 사용합니다.

·       오른쪽의 배열의 인덱스나 객체의 속성이 왼쪽의 변수에 할당되게 됩니다.

·       반복문 안에서 변수를 사용하여 객체의 속성이나 배열 요소를 참조할 수 있습니다.

 

for(var 변수명 in 객체|배열){

 

}

 

 

확장 forvs 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);