1. 반복 제어문 while, do~while, for
반복제어문: 조건이 만족되는 동안 계속 실행, 조건이 거짓이 되면 반복제어문을 빠져나감.
1) while문
조건 체크 후 참일 때 while 안으로 이동, 조건이 거짓일 때 while 종료
변수의 초기값 지정;
while(조건문) {
증감식;
실행문장;
}
2) do~while문
먼저 실행 후 조건을 나중에 체크
변수의 초기값 지정;
do {
증감식;
실행문장;
} while(조건문)
3) for문
변수의 초기값을 지정 후 참이면 문장을 실행하고 증감식 위치로 이동
중간에 있는 조건식에서 조건 체크는 필수!
조건식에서 거짓일 경우 for 종료
for(초기값;조건식;증감식) {
실행문장;
}
예제1)
<!DOCTYPE HTML>
<html>
<head>
<title>자바스크립트 기초</title>
<meta charset="utf-8">
<script type="text/javascript">
<!--
// 반복제어문: while
k=10; // 초기값
while(k>8) {
k--; // 9 → 8 (증감식)
document.write(k+"입니다<br>"); // 9출력, 8출력 (실행문장)
}
// 반복제어문: do~while
j=10;
do { // 조건 없이 선실행
j--;
document.write(j+"입니다<br>");
} while(j>8)
// for(초기값;조건식;증감식) { 실행문장; }
for(i=9; i>=8; i--) {
document.write(i+"입니다<br>");
}
-->
</script>
</head>
<body>
</body>
</html>
예제2)
<!DOCTYPE HTML>
<html>
<head>
<title>자바스크립트 기초</title>
<meta charset="utf-8">
<script type="text/javascript">
<!--
// 5부터 1까지 1씩 감소하는 문장을 for로 구성
for(i=5;i>=1;i--) {
document.write(i,"입니다.<br>");
}
-->
</script>
</head>
<body>
</body>
</html>
예제3)
<!DOCTYPE HTML>
<html>
<head>
<title>자바스크립트 기초</title>
<meta charset="utf-8">
<script type="text/javascript">
<!--
// 1부터 2씩 증가하여 10까지를 생성하는 문장
for(i=1; i<11; i+=2){
document.write(i,"입니다.<br>"); // 초기값 1 출력 후 증감식으로 감
}
-->
</script>
</head>
<body>
</body>
</html>
'JavaScript' 카테고리의 다른 글
| 6. 자바스크립트 기초: 함수(function) (0) | 2017.08.22 |
|---|---|
| 5. 자바스크립트 기초: continue, break, switch~case문 (0) | 2017.08.22 |
| 3. 자바스크립트 기초: 문장형식, 변수 (0) | 2017.08.22 |
| 2. 자바스크립트 기초: 조건 제어문 if (0) | 2017.08.17 |
| 1. 자바스크립트 기초: 주석, 연산자 (0) | 2017.08.17 |
