01. 반복문 for (싱글루프)
① 카운터 변수를 기준으로 명령을 여러번 실행한다. (false가 될 때까지)
② 여러 명령을 늘어 놓지 않고 소스를 간단하게 작성 가능.
③ 소스의 양이 줄어 가독성이 높고 실행속도가 빨라진다.
④ 반복 횟수가 기준이라면 for문을 사용한다.
var sum = 0;
for( var i = 1; i < 10; i++){
sum += i;
}
: 먼저 var i = 1; 로 초기화를 시켜준 후 i < 10; 에서 i 값이 true라면 i++가 아닌 sum += i;를 먼저 실행 시켜준다.
그리고 i++(후위증감)을 통해서 i 의 값을 1 올려주고 다시 var i = 1;로 초기화를 해주는 것이 아닌 i < 10; 으로 돌아가
값이 false가 나올 때까지 반복을 해준다. i < 10; 에서 증감된 i 의 값이 10이 된다면 이 반복문은 끝이 난다.
02. 반복문 for (더블루프) ex) 구구단
for( var i = 2; i <= 9; i++){
for( var j = 1; j <= 9; j++){
document.write( i + "*" + j + "=" + (i*j) + "<br>");
}
}
: 구구단을 볼 수 있는 반복문으로 구구단은 2단부터 시작하니 var i = 2; 로 변수값을 2로 초기화 시켜준 뒤
9단까지만 설정을 하기 위해서 조건식으로 i <= 9; 를 입력한다. 그리고 후위증감을 위해서 i++를 입력했지만,
실행 순서는 i <= 9; 다음으로 하위 for문의 변수값 초기화인 var j = 1; 로 넘어간다. 그리고 var j = 1; 이란 값은 i 값에 곱해줄 부분으로 1 부터 곱해지기 때문에 1로 초기화를 했다. 그리고 마찬가지로 9까지만 곱해줄 것이기 때문에 j <= 9;
라는 식을 작성한 뒤 j++를 작성한다. 하지만 상위 for문과 마찬가지로 j <= 9; 라는 조건문을 실행한 뒤 j++로 후위증감을 해주는 것이 아닌 { } 안에 있는 document.wirte를 실행한다. 그러고 나서 j++를 실행하는데, 이렇게 증감이 됨을 반복함으로써 j <= 9; 가 false가 나올 때 i++로 돌아가 i값을 1 증감해 준다. 그리고 다시 i <= 9;가 값이 true인지 확인하며 위에 작성했던 방식을 i <= 9; 가 false가 나올때까지 반복을 하며 이 반복문은 끝이 난다.
* 내부 for문의 초기화는 i <= 9;가 true값이 나오고 다시 반복하는 과정을 거칠 때마다 해준다.
03. 반복문 while
① 특정 조건에 따라 반복한다면 while, do...while문을 사용한다.
② 값이 무한으로 반복되는 무한루프에서 while을 많이 사용한다.
var i = 0
while( i < 10 ){
document.write("반복 조건이 true면 반복합니다. <br>");
i += 1;
}
* 변수 i 의 값에 false 가 나올 수 있는 값을 입력하면 실행을 하지 않는다.
04. 반복문 do...while
① 특정 조건에 따라 반복한다면 while, do...while문을 사용한다.
② do...while문은 사용자에게 일단 물어보는 프로그램이다.
var i = 0
do{
document.write("반복 조건이 true면 반복한다. <br>");
i += 1;
}while( i < 10 );
: do...while은 조건식 while( );가 맨 뒤에 위치해서 이미 값을 실행한 후 조건에 도달하기 때문에 조건의 true, false와
관계없이 무조건 한번 실행을 시킨다. 그러므로 do...while문은 사용자에게 일단 물어보는 프로그램이라고 불려진다.
05. break 문
: 반복문의 흐름에서 빠져나올 때 사용한다. 반복문에서 break 가 입력된 곳까지만 실행이 되고 반복문을 나와 다음 명령을 실행하게 된다.
ex) break;
06. continue 문
주어진 조건에 맞는 값을 만났을 때 실행하던 반복 문장을 건너뛰고, 반복문의 맨 앞으로 되돌아간다.
'Javascript' 카테고리의 다른 글
06.Javascript Object 이론 정리 (0) | 2022.02.23 |
---|---|
05.Javascript class 이론 (0) | 2022.02.22 |
04.Javascript 반복문 예제 (0) | 2022.01.24 |
02.Javascript 조건문 기초 이론 및 예제풀이 (0) | 2022.01.20 |
01.Javascript 기초 이론 및 연산을 이용한 할인율 계산 (1) | 2022.01.19 |