while 문
조건식을 만족할 때까지 코드를 여러 회 반복하여 실행
let 변수 = 초깃값;
while(조건식) {
자바스크립트 코드;
증감식;
}조건식을 검사 후 만족하면,
중괄호 안에 있는 자바스크립트 코드와 증감식을 실행 후
다시 조건식 검사
예제
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
</head>
<body>
<script>
//i 라는 변수는 1입니다.(초기화)
let i = 1;
//조건식 i <= 10을 만족하면
while(i <= 10) {
console.log("저는 while문입니다." + i + "<br>");
i++;
} // 옆에 보이는 중괄호의 코드가 실행됩니다.
console.log("i가 10보다 커지면 종료됩니다.");
</script>
</body>
</html>
console 출력
do while 문
while 문의 경우 조건식을 만족할 때까지 코드를 여러 회 반복하여 실행,
do while 문은 반드시 한번은 코드를 실행하고 조건식을 검사
let 변수 = 초깃값;
do{
자바스크립트 코드;
증감식;
} while(조건식)예제
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
</head>
<body>
<script>
let i = 10;
do {
console.log("hello");
} while( i < 3)
</script>
</body>
</html>
console 출력
for 문
조건식을 만족할 때까지 특정 코드를 반복하여 실행. 사용 방법은 while 문과 같음.
for(초깃값; 조건식; 증감식) {
자바스크립트 코드;
}
예제
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<head></head>
<body>
<script type="text/javascript">
let result= "";
for(let row = 1; row <= 10; row++){
result = result + "*";
console.log(result);
}
</script>
</body>
</html>console 출력
break 문
반복문인 while 문 또는 for 문에서 break 문을 실행하면 조건식과 상관없이 강제로 반복문을 종료.
즉, break 문은 반복문을 강제로 종료할 떄 사용
for(초깃값; 조건식; 증감식){
break; // 반복문 강제 종료
자바스크립트 코드;
}let 변수 = 초깃값;
while(조건식) {
break; //반복문 강제 종료
자바스크립트 코드;
증감식;
}예제
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<head></head>
<body>
<script>
for(let i = 1; i <= 10; i++) {
if(i == 3)
break;
document.write(i, "<br>");
}
document.write("종료");
</script>
</body>
</html>출력
continue 문
반복문에서만 사용할 수 있으며,
while 문에 사용할 경우 continue 문 다음에 오는 코드는 무시하고 바로 조건식으로 이동해 조건 검사를 실행.
for(초깃값; 조건식; 증감식) {
continue;
자바스크립트 코드;
}let 변수 = 초깃값;
while(조건식) {
증감식;
continue;
자바스크립트 코드;
}
예제
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<head></head>
<body>
<script>
for(let i = 1; i <= 10; i++) {
if( i % 2 == 0 ) continue;
document.write(i , "<br>");
}
document.write("종료");
</script>
</body>
</html>
출력
중첩 for 문
for 문 안에 for 문을 사용합니다.
예를 들어, 5행 3열의 표를 만든다고 할 떄 1행씩 행이 만들어질 떄마다 3개의 열을 만들어야 할 경우 사용.
for(초깃값; 조건식; 증감식){ //바깥쪽 for 문
for(초깃값; 조건식; 증감식){ //안쪽 for 문
자바스크립트 코드;
}
}
예제
<body>
<script>
for(let i = 1; i <= 5; i++ ) {
for( let j = 1; j <= 3; j++) {
document.write( i + "행" + j + "열" + "</br>" )
}
document.write( "</br>" )
}
</script>
</body>출력
'Front' 카테고리의 다른 글
| [Javascript] 함수 스코프 / 전역 변수 / 지역 변수에 관해서 (1) | 2022.09.15 |
|---|---|
| [Javascript] 테이블을 이용한 구구단 3단씩 출력하기 (0) | 2022.09.15 |
| [Javascript] 선택문 / switch / break (0) | 2022.09.14 |
| [Javascript] 제어문(if/else/else if/중첩 if) (0) | 2022.09.14 |
| [Javascript] switch문과 break를 이용한 산술 연산 함수 (0) | 2022.09.14 |
댓글