안녕하세요 풀스택 개발자를 꿈꾸는 진쓰입니다.
자바스크립트 4장 - 제어문2 - 반복문 포스팅 시작하겠습니다.
목차입니다.
(1). for 문 개념 (2). for 문 원리 (3). while문 개념 (4). while문 원리 (5). do~while문 개념 (6). while과 do~while의 차이 |
(1). for 문 개념
제어문 : 프로그램이 흐름을 제어 합니다.
제어문의 종류:
- 비교문, 반복문이 있습니다.
비교문
- if
- switch ~ case문
반복문
- for, while, do ~while
(2). for 문 원리를 살펴보겠습니다.
반복문의 순서는 a.초기화를 최초 1회 후 아래와 같은 순서로 계쏙 진행됩니다.
b->c->d->b(조건이참이면, 계속 진행)->c->d->b(조건이 거짓이면 for문 종료)
예제코드 |
결과 |
<HTML> <HEAD> <TITLE>Java Script Program</TITLE> <SCRIPT LANGUAGE="JavaScript"> <!-- var i; for(i=1; i<=10 ; i++){
document.write(i+"<br>"); } // --> </SCRIPT> </HEAD> <BODY> </BODY> </HTML> |
|
문제
1부터 20까지 짝수 합을 구하시오.
예제코드 |
결과 |
<HTML> <HEAD> <TITLE>Java Script Program</TITLE> <SCRIPT LANGUAGE="JavaScript"> <!-- var i, hap=0; for(i=2; i<=20 ; i+=2){ hap=hap+i;
} document.write(hap +"<br>"); // --> </SCRIPT> </HEAD> <BODY> </BODY>
</HTML> |
|
(3). while문 개념
while문도 for문과 같이 반복문입니다.
모든 for문과 while문은 치환이 가능합니다.
(4). while문 원리
while(조건){ 수행문... } |
조건이 참이면 수행문을 수행합니다.
조건이 거짓이면, 수행문을 수행하지않고 while문 종료합니다.
예제코드 입니다. |
결과 화면 입니다. |
<HTML> <HEAD> <TITLE>Java Script Program</TITLE> <SCRIPT LANGUAGE="JavaScript"> <!-- var cnt = 1; while(cnt <= 5){ document.write("Nice !" +"<br>"); cnt += 1 ; } // --> </SCRIPT> </HEAD> <BODY> </BODY> </HTML> |
|
(5). do~while문 개념
do{ 수행문... } while(조건) |
일단 수행문은 무조건 1회 실행됩니다.
그 이후 조건이 참이면 또한번 수행문을 실행하고,
또 조건을 따져서 참이면 수행문실행, 거짓이면 while문 종료 됩니다.
예제코드 입니다. |
결과 입니다. |
<HTML> <HEAD> <TITLE>Java Script Program</TITLE> <SCRIPT LANGUAGE="JavaScript"> <!-- var cnt = 1; do{ document.write("Nice !" +"<br>"); cnt += 1 ; }while(cnt <= 5); // --> </SCRIPT> </HEAD> <BODY> </BODY> </HTML> |
|
(6). while과 do~while의 차이.
가장 큰차이점입니다. 처음부터 조건을 따지느냐, 일단 최소 1회는 수행문을 시작하느냐가 다릅니다.
문제
1에서 10까지의 수 중 홀수의 합을 구하시오.
(단, do~while문을 이용하시오.)
=> 구독자 스스로 해보시기 바랍니다. :)
문제코드답 |
결과 |
|
|
정독해주셔서 감사합니다. :)
'웹 (WEB) > 자바스크립트' 카테고리의 다른 글
| 자바스크립트 객체, 배열 (6장) (2) | 2017.06.12 |
|---|---|
| 자바스크립트 함수의개요 및 내장함수(5장) (0) | 2017.06.11 |
| 자바스크립트 제어문(1), if, switch (3장) (0) | 2017.06.09 |
| 자바스크립트 연산자(2장) (0) | 2017.06.09 |
| 자바스크립트 개요(1장) (0) | 2017.06.08 |