728x90
반응형
SMALL
1. while문
1-1. while
while(조건식){
조건식의 결과가 true인 동안 반복할 문장;
...
}
1-2. do ~ while
- 조건식의 결과가 처음부터 false일 경우에도 한번은 {} 블록의 문장을 실행함
do {
조건식의 결과가 true인 동안 반복할 문장;
....
}while(조건식)<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>반복문</title>
</head>
<body>
<h2>반복문</h2>
<script>
const dan = Number(prompt('원하는 단을 입력하세요'))
console.log(`${dan}단`)
// while문
let i = 1
while(i <= 9){
console.log(`${dan} * ${i} = ${dan * i}`)
i++ //i+=1
}
</script>
</body>
</html>
2. for문
for(초기값; 조건식; 증감식;){
조건식의 결과가 true인 동안 반복할 문장;
...
}✔ for문의 무한루프
for(;;){
}<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>반복문</title>
</head>
<body>
<h2>반복문</h2>
<script>
const dan = Number(prompt('원하는 단을 입력하세요'))
console.log(`${dan}단`)
//for문
for(let i =1; i<=9; i++){
console.log(`${dan} * ${i} = ${dan * i}`)
}
</script>
</body>
</html>
3. break문
- switch문 또는 반복중인 루프 내에서 사용하여 해당 문장을 완전히 종료시키고 다음에 위치한 실행문으로 이동
num = 1;
while(num <= 10){
if (num == 5) break; // 1 2 3 4
console.log(num); // 1 2 3 4 5 6 7 8 9 10
num++;
}<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>짝수 프로그램</title>
</head>
<body>
<h2>짝수 프로그램</h2>
<script>
while (true){
let num = Number(prompt('숫자를 입력하세요'))
if (num % 2 == 0) {
console.log('짝수입니다. 프로그램을 종료합니다.')
break
}
console.log('홀수입니다.')
}
</script>
</body>
</html>
4. continue문
- 반복중인 루프 내에서 사용하여 해당 루프의 나머지 부분을 건너뛰고 다음 반복문의 판단으로 넘어감
- for반복문에서 거의 사용함
num=1;
while(num <= 10){
console.log(num); // 1 2 3 4 5 6 7 8 9 10
num++;
if (num == 5) continue; // 1 2 3 4
...
}<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>369 게임</title>
</head>
<body>
<h2>369게임</h2>
<script>
for(let i=1; i<=100; i++){
if (i %3 ==0){
console.log('짝!')
continue
}
console.log(i)
}
</script>
</body>
</html>
728x90
반응형
LIST
'Web > JavaScript' 카테고리의 다른 글
| [JavaScript] 사용자 정의 함수(function) - 함수 선언과 함수 호출 (0) | 2023.04.11 |
|---|---|
| [JavaScript] 배열(Array)이란? & 자바스크립트 배열의 특징, 배열 객체 메소드, 배열 객체와 for문 (0) | 2023.04.11 |
| [JavaScript] 제어문 - 1️⃣ 조건문 (if문, swith문) (0) | 2023.04.07 |
| [JavaScript] 자바스크립트의 연산자(Operator) (0) | 2023.04.06 |
| [JavaScript] 자동 타입 변환 & 타입 변환 함수 & NaN(Not a Number) (0) | 2023.04.06 |
