JavaScript

2024년 4월 16일 JavaScript-Iteration

황수환 2024. 4. 16. 16:22

1. while문, for문

더보기

while문

while (조건식) {
    조건식의 결과가 true인 동안 반복할 문장
    ...
}

do {
    조건식의 결과가 true인 동안 반복할 문장
    ...
} while(조건식)

do while문은 조건식의 결과가 처음부터 false인 경우라도 한 번은 {}에 문장을 실행함

for문

    for(초기값; 조건식; 증감식){
        조건식의 결과가 true인 동안 반복할 문장
        ...
    }

    let sum = 0
    for(let i=1; i<=0; i++){
        sum += i
    }

    while문 비교
    let i=1
    let sum=0
    while(i <= 10){
        sum += 1
        i++
    }

    for문의 무한루프
    for(;;){
        ...
    }

break 문
switch문 또는 반복(while, for)중인 루프 내에서 사용하여 해당 문장을 완전히 종료시키고 다음에 위치한 실행문으로 이동

continue 문
반복중인 루프 내에서 사용하여 해당 루프의 나머지 부분을 건너뛰고 다음 반복문의 판단으로 넘어감

    let num = 1
    while(num <= 10){
        console.log(num);
        num++;
        if (num == 5) continue;
        ....
        ....
    }

먼저 반복문에 대해서 배워볼꺼야

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>while문</title>
</head>
<body>
    <h2>while문</h2>
    <script>
        while(true){
            let num = Number(prompt('숫자를 입력하세요'))
            
            if(num % 2 == 0){
                console.log('짝수입니다. 프로그램을 종료합니다')
                break
            }
            console.log('홀수입니다. 진행시켜~')
        }
    </script>
</body>
</html>

짝수를 입력하면 짝수라고하는 문구가 나오고 홀수를 입력하면 계속 입력할 수 있게 하는거야

짝수를 입력했을 때 반복문을 탈출을 하게해야하니까 출력하고 나서 break를 걸어서 빠져나오게 하는거지

 

2. for문

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>for문</title>
</head>
<body>
    <h2>for문</h2>
    <script>
        for(let i=1; i<100; i++){
            if(i % 3 == 0){
                console.log('😊');
                continue;
            }
            console.log(i);
        }
    </script>
</body>
</html>

3의 배수가 될 때마다 이모티콘을 넣어줬어

 

3. 구구단김세정

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <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} 단`)
        let i = 1
        while(i <= 9){
            console.log(`${dan} * ${i} = ${dan * i}`)
            i++
            continue
        }
        console.log('---------------------------------------')
        
        console.log(`${dan}단`)
        for(i=1; i<=9; i++){
            console.log(`${dan} * ${i} = ${dan*i}`)
        }
    </script>
</body>
</html>

구구단을 외자를 해볼껀데 파이써에서 했던거랑 똑같아 원하는단을 입력 받았을 때의 그 단을 뽑아주는건데

while문으로 한 번 for문으로 한 번씩 뽑아줬어