자바스크립트 for length / for in / for of

자바스크립트에서 for 루프문의 가장 클래식한 형태는 아래와 같습니다.

[code]

<script>
my = "";
you = ["하나 ", "둘 ", "셋 ", "넷 ", "다섯"];
for (i = 0; i < you.length; i++) {
    my += you[i];
}
document.write(my);
</script>
<!-- 결과 : 하나 둘 셋 넷 다섯 -->

[/code]

for in 을 쓰면 더 간략합니다. length 가 필요없습니다.

단 포인문은 배열을 위해 존재하는 것이 아니라 객체를 위해 존재하는 구문입니다.

배열도 하나의 오브젝트니까요.

[code]

<script>
my = "";
you = ["하나 ", "둘 ", "셋 ", "넷 ", "다섯"];
for (i in you) {
    my += you[i];
}
document.write(my);
</script>
<!-- 결과 : 하나 둘 셋 넷 다섯 -->

[/code]

요즘은 for of 로 전향하는 추세입니다.

length 는 물론 대괄호도 필요없이 변수의 맨몸뚱아리를 그대로 호출합니다.

단 IE 에서는 먹빡입니다.

[code]

<script>
my = "";
you = ["하나 ", "둘 ", "셋 ", "넷 ", "다섯"];
for (i of you) {
    my += i;
}
document.write(my);
</script>
<!-- 결과 : 하나 둘 셋 넷 다섯 -->

[/code]

----------

----------

참고로 포인문은 오브젝트를 위해 존재하는 구문이라고 하였습니다.

예컨대 div 는 어떤 것들을 갖고 있는지 확인하려면...

[code]

<div id="you"></div>
<script>
my = "";
for (i in you) {
    my += you[i];
}
document.write(my);
</script>

[/code]