<HTML>
<HEAD>
<TITLE> :::: 자바스크립트 객체 제어문 for - in 문 :::: </TITLE>
<script language="JavaScript">
var my_array = new Array("영호", 80, 90, 100);
for (young_ho in my_array)
{
document.writｅ("<h3>"+young_ho+" : "+my_array[young_ho]+"<p>");
}
document.writｅ("</h3>");
document.writｅ("--------------------------------------------------");
function subject(name, kor, eng, math)
{
this.name = name;
this.kor = kor;
this.eng = eng;
this.math = math;
}
var sub = new subject("민수", 60, 70, 80);
for (min_su in sub)
{
document.writｅ("<h3>"+min_su+" : "+sub[min_su]+"<p>");
}
document.writｅ("</h3>");
document.writｅ("--------------------------------------------------");
var array = ["철수", 70, 80, 90];
for (chal_su in array)
{
document.writｅ("<h3>"+chal_su+" : "+array[chal_su]+"<p>");
}
document.writｅ("</h3>");
</script>
</HEAD>
<BODY>
</BODY>
</HTML>
------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------
위의 코드는 객체 제어문인 for ~ in 문에 대한 코드입니다. for ~ in 문은 자바에서 확장for문과
비슷하다고 생각하면 될것같습니다. for ~ in 문의 역할은 어느 한 객체에 있는 속성을
차례대로 한번씩 꺼내오는 역할을 합니다. 객체뿐만이 아닌 배열에서도 자바스크립트에서는
배열을 객체로 인식하기 때문에 for ~ in 문이 사용가능합니다.
위의 결과를 보면 Array 객체를 통해 생성된 배열의 값을 모두 꺼내온것을 알 수 있습니다.
그리고 "young_ho" 라는 변수를 통해서 각 배열의 인덱스 번호를 받아온것을 알 수 있습니다.
Array 객체 뿐만이 아닌 subject(과목) 이라는 객체에 대한 속성을 모두 열람하였고,
각 속성에 대한 값을 출력한 것을 알 수 있습니다.
[] 대괄호로 생성한 배열도 객체로 인식하기 때문에 for ~ in 문을 통해서 값을 받아온것을
알 수 있습니다. 이처럼 for ~ in문은 객체에 있는 속성을 값을 가져오는데 사용합니다.
그리고 이 for ~ in 문은 자바와 달리 각 속성을 받아들이는 변수에 대한 타입을 선언하지 않습니다.
변수에 대한 타입선언 없이 변수에 들어간 값에 따라서 변수타입이 정해지기 때문이죠.
따라서 for ~ in 문으로 출력하는데 문자열과 정수값이 나온것을 알 수 있습니다.
'JavaScript' 카테고리의 다른 글
| 자바스크립트 typeof 키워드 (0) | 2013.08.04 |
|---|---|
| 자바스크립트 객체 제어문 with 문 (0) | 2013.08.04 |
| 자바스크립트 배열사용하기 03 (대입연산자와 [] 대괄호를 이용한 배열생성) (0) | 2013.08.04 |
| 자바스크립트 배열사용하기 02 (Array객체의 메소드 사용하기 - 3) (0) | 2013.08.04 |
| 자바스크립트 배열사용하기 02 (Array객체 사용하기) (0) | 2013.08.04 |