반복문에는 두 가지 종류가 있다.
1. while문
2. for문
1. while문
변수 초기화
while(반복 조건) {
반복 실행문
}
<script>
//초기화
var i = 0;
while(i < 10) { //반복조건
document.write("Hello World");
i = i + 1; //반복실행
}
</script>
2. for문
for(초기화; 반복조건; 반복실행){
실행문
}
- 초기화부분은 실행 초기에 한 번만 실행됨
- 반복조건이 true로 충족하면 반복조건 실행
- 실행문이 실행되면 반복실행문 실행 -> 반복조건 충족여부 판별
*for문 괄호 안에 마지막의 세미콜론(;)은 생략한다.
<script>
for(var i = 0; i < 10; i = i + 1){
document.write("Hello World");
}
</script>
* i = i + 1의 다른 표현방법
i++
i = 0;
alert(i++); // alert이 실행되는 중 i값에 0이 저장된다.
(alert이 실행된 후에 i 값에 1이 저장된다.)
++i
i = 0;
alert(++i); // alert이 실행되는 중 i값에 1이 저장된다.
(i값이 1이 저장되고 나서 alert이 실행된다.)
실행 후 결과는 같지만 실행 중에 i에 저장되어있는 값이 다르다.
- 반복문의 제어 -
break : 현재 반복문을 종료시키고 반복문 밖으로 빠져나간다
<script>
while(var i = 1; i < 10; i++;){
if(i === 5){
break;
}
document.write(i <br />);
}
</script>
continue : 현재 반복문이 중지되고 다시 반복된다.
-> continue를 만난 후 남은 반복문은 실행하지 않는다.
<script>
while(var i = 1; i < 10; i++;){
if(i === 5){
continue;
}
document.write(i <br />);
}
</script>
i의 값에 5가 저장되면 if문에 의해 continue;가 실행된다. continue가 실행되면 그 아래 반복문은 더 이상 실행되지 않고 다시 반복문이 실행된다.
'Programming > JavaScript' 카테고리의 다른 글
[JavaScript] 배열(Array) (0) | 2021.03.10 |
---|---|
[Javascript] DOM이란? | DOM의 선택자 | DOM tree | node vs element (0) | 2021.03.09 |
[JavaScript] Jasmine이란? 간단한 예제로 알아보기 (0) | 2021.03.05 |
[JavaScript] 객체(Object) (0) | 2021.02.13 |
[JavaScript]조건문(Conditional statement) (0) | 2021.02.10 |