JavaScript_반복문(while ,for)

diary100 2023. 4. 5. 17:21

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 문으로 //을 제거하고 실행해보길 바란다. 어떤 문을 사용해도 결과값은 동일하다.

결과