1.while 문
while (조건식) {
조건식의 결과가 true인 동안 반복할 문장;
....
}
do ~while문
조건식의 결과가 처음부터 false 일 경우에도 1번은 { }에 문장을 실행함
do {
조건식 결과가 true인 동안 반복할 문장;
....
} while (조건식);
2.for 문
for (초기값; 조건식; 증감식) {
조건식 결과가 true인 동안 반복할 문장;
....
}
✔for 문의 무한루프
for (; ;) {
}
3.break문
- switch문 또는 반복중인 루프 내에서 사용하여 해당 문장을 완전히 종료시키고 다음에 위치한 실행문으로 이동
num = 1;
while (num <= 10) {
if (num == 5) break;
console.log(num); // 1 2 3 4
num++;
}
4.continue문
- 반복중인 루프 내에서 사용하여 해당 루프의 나머지 부분을 건너뛰고 다음 반복문의 판단으로 넘어감
num = 1;
while (num <= 10) {
console.log(num);
num++;
if (num == 5) continue; //1 2 3 4
}
HMTL 예제 코드
<!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++;
// }
// for 문
for(let i=1;i<=9;i++){
console.log(`${dan} * ${i} = ${dan * i}`);
}
</script>
</body>
</html>
//문은 while 문으로 //을 제거하고 실행해보길 바란다. 어떤 문을 사용해도 결과값은 동일하다.
결과
'코딩공부 > HTML,CSS,JavaScript' 카테고리의 다른 글
JavaScript_배열(Array (0) | 2023.04.05 |
---|---|
JavaScript 반복문 실습코드 (0) | 2023.04.05 |
JavaScript_제어문(switch문) (0) | 2023.04.05 |
JavaScript_조건문(if) (0) | 2023.04.05 |
JavaScript_연산자 (0) | 2023.04.05 |