[WEB2 JavaScript] 31. 객체와 반복문, 32. 객체프로퍼티와 메소드 | 초코더

이번시간은 객체에 있는 정보들을 모두 빼내오기 위한 반복문에 대해 공부해보겠습니다.

 

우선 반복문의 형태부터 살펴보겠습니다.

배열에서는 보통 인덱스를 사용하여 정보를 빼왔다면 객체에서는 key를 사용합니다.

반복문은 coworkers에 들어있는 key의 갯수만큼 실행 되고, key는 1씩 증가합니다.

for(var key in coworkers){  
	document.write(key+ ' : ' +coworkers[key]+'<br>');	//key, key값(value) 출력 
}

 

출력결과

 

여기서 key는 programmer, designer, bookkeeper, data scientist와 같은 특성을 나타내는 것이고,

key값(value)은 egoing, leezche, duru, taeho와 같은 데이터들 입니다.

 

for ... in ... 반복문은 우리가 필요한 데이터가 있는지 없는지 확인할 수 있는 기능으로도 사용할 수 있습니다.

 

 

 

 

객체의 반복문 사용에 대해 공부했으니 이제 좀 더 깊이 알아보겠습니다.

지금까지는 객체에 하나의 문자열만 담았지만 객체에는 배열, 함수와 같이 다양한 형태를 담을 수 있습니다. 

 

그럼 coworkers 객체에 메소드를 추가해 보겠습니다.

아래와 같이 정의 해줍니다. 위의 객체 정의는 아래의 함수 정의와 같은 의미를 나타냅니다.

coworkers.showAll = function(){

}

function showAll(){

}

 

객체에 정의해준 그럼 함수를 사용해 보겠습니다.

객체의 이름이 바뀌어도 잘 출력되게 하기 위해서 this변수를 사용해주었습니다.

coworkers.showAll = function(){
	for(var key in this){
    	document.write(key+' : '+this[key]+'<br>');
    }
}
coworkers.showAll();

결과에서 showAll 자체도 coworkers의 객체이기 때문에 결과에 출력되어 있습니다.