목차
while 문
while문의 실행 순서
조건식을 검사하고 만족하면 ▶ 중괄호 안에 있는 코드와 증감식을 실행 ▶ 다시 조건식을 검사
var 변수 = 초깃값;
while(조건식){
자바스크립트 코드;
증감식;
}
예시)
<script>
var i = 1;
while( i <= 10 ){
document.write("안녕하세요" + i, "</br>");
i++;
}
document.write("==== The End ====");
</script>
출력화면
응용) 2의 배수이면서 4의 배수인 숫자만 출력
<script>
var i = 1;
while( i <= 30 ){
if( i % 2 == 0 && i % 4 == 0){
document.write( i, "<br>");
}
i++;
}
</script>
출력화면
for 문
사용 방법은 while 문과 같지만 while 문보다 사용하기 편해 사용 빈도가 높은 편이다.
for( 초깃값; 조건식; 증감식){
자바스크립트 코드;
}
예시)
<script>
for( var i = 1; i <= 10; i++){
document.write("반복" + i, "<br>");
}
</script>
출력화면
break 문
반복문인 while 문 또는 for 문에서 break 문을 실행하면 조건식과 상관없이 강제로 반복문을 종료한다.
for( 초깃값; 조건식; 증감식 ){
break;
자바스크립트 코드;
}
예시)
<script>
for(var i = 1; i <= 10; i++){
if(i == 6) break;
document.write(i, "<br>");
}
document.write("=== The End ===");
</script>
출력화면
중첩 for 문
for 문 안에 for 문을 사용한 것을 중첩 for 문이라고 한다.
for( 초깃값; 조건식; 증감식){
for( 초깃값; 조건식; 증감식) {
자바스크립트 코드;
}
}
예시) 구구단 만들기
<script>
for(var i = 2; i < 10; i++){
for(var j = 1; j < 10; j++){
document.write(i + "X" + j + "=" + i*j + "<br>");
}
}
</script>
출력화면
...
9단까지
반응형
'JavaScript' 카테고리의 다른 글
JavaScript 비동기 처리 (0) | 2023.08.17 |
---|---|
JavaScript 배열 메서드 정리 (0) | 2023.08.15 |
마우스 이벤트(client, page, offset, screen)의 차이점 (0) | 2023.04.07 |
연산자 (0) | 2020.06.17 |
변수 (0) | 2020.06.13 |