UX·UI - FrontEnd Dev. Story

프론트엔드/Javascript

자바스크립트 반복문 while문, do while문, for문

클로이겅쥬 2021. 5. 9. 16:30
반응형

 

 

1. while 반복문

let i = 3;
    while (i > 0) { // false가 나올때까지 무한대로 계속 반복하는것.
      console.log(`while: ${i}`);
      i--;
    }
    // while: 3
    // while: 2
    // while: 1

while 반복문은 조건문이 만족하면 {} 블럭을 실행시킨다.

만약 블럭을 먼저 실행하고 조건문을 진행하고싶으면

do - while을 사용하면된다.

 

 

 

 

2. do-while 반복문

	let i = 3;
        do { // 블럭을 먼저 실행하고
            console.log(`do while: ${i}`);
            i--;
        } while (i > 0) // 조건문을 반복하는 방법
        // do while: 3
        // do while: 2
        // do while: 1

 

 

 

3. for loop 문

        //for loop 문법 - for(begin:시작하는 문장; condition; step)
        for (i = 3; i > 0; i--) {
            console.log(`for: ${i}`);
        }
        // for: 3
        // for: 2
        // for: 1

 

 

 

 

4. break, continue

- break는 loop를 끝낼 수 있다.

- continue는 지금것은 skip하고 다시 다음 step으로 넘어가는것.

 

 

 

Q1: 0 - 10 숫자에서 짝수만 continue 이용해서 console하기

    for (let i = 0; i < 11; i++) {
        if (i % 2 !== 0) { // i가 짝수가 아닌 홀수이면
            continue;       // skip하고 넘어가고
        }
        console.log(`Q1: ${i}`); // 짝수를 불러오기
    }

 

※ continue 없이 짝수 바로 불러오고싶으면

    for (let i = 0; i < 11; i++) {
        if (i % 2 === 0) { // i가 짝수면
            console.log(`Q1: ${i}`); // 짝수를 불러오기
        }
    }

 

 

 

Q2: 0 - 10 숫자에서 숫자 8을 break 사용해서 console하기

 

     for (let i = 0; i < 11; i++) {
         if (i > 8) { // i가 8보다 크면
             break;  // 반복을 멈춰라
         }
         console.log(`Q2: ${i}`);
     }

 

 

반응형