[Javascript / 자바스크립트] 강좌 #8 - for loop ( for 루프 )

자~ 오늘은 for 루프에 대해서 알아보도록 하겠습니다.

 

for 루프와 while루프는 100% 바꿔치기가 가능한 녀석들입니다. 어떤 상황에서 어떤 반복문을 사용하느냐는 개발자인 여러분들에게 달려있습니다!!  

우선 문법부터 확인해야겠죠? 어떻게 생긴놈인지 알아야 뭘 써먹더라도 써먹죠 ㅋㅋ 

 

for ( 초기화 ; 조건문 ; 반복실행문 ){ 조건문이 참인 동안 실행되어야 할 문장 }

역시 우리는 예제가 있어야 뭘 알것 같아요 그죠잉?

<script type="text/javascript"> <!-- var count; document.write("Starting Loop" + "<br />"); for(count = 0; count < 10; count++){ document.write("Current Count : " + count ); document.write("<br />"); } document.write("Loop stopped!"); //--> </script>

 

자 위 코드를 보면 어떤 결과가 나올거라고 예상이 되시나요??  

아래 해답을 보시죠.  

 

Starting Loop Current Count : 0 Current Count : 1 Current Count : 2 Current Count : 3 Current Count : 4 Current Count : 5 Current Count : 6 Current Count : 7 Current Count : 8 Current Count : 9 Loop stopped!

 

어때요? 쉽죠? 어려우시다구요? 그럼 설명을 좀 해드릴게요.

 

for ( count = 0 ; count < 10 ; count++ ) : for루프를 시작하는 부분입니다. 변수 count를 0으로 초기화 합니다. count변수의 값이 10보다 작을 동안 실행하라는 조건을 줬습니다. 그리고나서 매 루프가 끝나면 count를 1씩 증가시키도록 합니다.

여기서 세미콜론 ( ; ) 잊어먹지 않도록 조심하세요.

문법이 어렵다면 연습만이 당신을 살릴 수 있으니 연습하세요. ㅋㅋ

 

 

자, 또 다른 for 루프가 있습니다. 객체를 이용하는 것인데요~ 형식을 한번 볼까요?

 

 

for (변수명 in 객체){ 실행할 문장 }

 

 

 

아래 예제는 웹브라우저의 Navigator객체에 있는 속성을 출력하는 기능을 for루프로 구현해놓은 것입니다. 

<script type="text/javascript"> <!-- var aProperty; document.write("Navigator Object Properties<br /> "); for (aProperty in navigator) { document.write(aProperty); document.write("<br />"); } document.write("Exiting from the loop!"); //--> </script>

 

결과는 아래처럼 나오겠죠? 아닌가요? 맞나? 확인해보세요~~ ^___^ 

Navigator Object Properties appCodeName appName appMinorVersion cpuClass platform plugins opsProfile userProfile systemLanguage userLanguage appVersion userAgent onLine cookieEnabled mimeTypes Exiting from the loop!

 

 

 

Reference : http://www.tutorialspoint.com/javascript/javascript_for_loop.htm