JavaScript :: for...in문, for...of문

 

 

배열의 경우 for문을 사용할 때 좀더 편리하게 사용할 수 있다.

 

 

-사용방법 

  for( i in arr ) { 코드 };  

 

>> arr에 있는 index 수만큼 순차적으로 실행됨.

     일반적인 for문과 달리 i 시작값, 끝값, i++를 지정해줄 필요가 없음.

 

 

/ex

var arr = [10, 20, 30];

//일반적인 for 문
for(var i = 0; i <= 2; i++){
	document.write(arr[i],'<br>');
}

//Enhanced for 문
for(i in arr){
	document.write(arr[i],'<br>');
}

두개의 결과 값이 같음.

 

 

 

/ex2

 var person = {fname:'john', lname:'Doe', age:2};

//강화된 for문을 사용하지 않았을 때
document.write(person.fname,'<br>');
document.write(person.lname,'<br>');
document.write(person.age,'<br>');

//강화된 for문 사용
for(x in person){
	document.write(person[x],'<br>');
}

결과/ 두 구문이 같은 결과를 가짐

 

위과 같은 경우,

fname이 index가 아니므로 일반적인 for문으로는 결과값을 가질 수 없음.

하지만 강화된 for문을 사용할 경우에는 가능 (배열값을 자동으로 가지므로)

 

 

 

---

 

   For ... in 문    vs    For ... of 문   

 

 

배열요소만 가져오기 위해서는

for...of문을 사용하는 것이 좋음.