자~ 오늘은 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
| [Javascript / 자바스크립트] 강좌 #10 - Functions ( 함수 ) (0) | 2015.08.05 |
|---|---|
| [Javascript / 자바스크립트] 강좌 #9 - break, continue, label 사용하기 (0) | 2015.08.05 |
| [Javascript / 자바스크립트] 강좌 #7 - while loop ( while 루프 ) (0) | 2015.08.05 |
| [Javascript / 자바스크립트] 강좌 #6 - Switch - Case 문 (0) | 2015.08.05 |
| [Javascript / 자바스크립트] 강좌 #5 - IF, IF-ELSE, IF-ELSE IF-ELSE 문 (0) | 2015.08.05 |