코딩앙마 자바스크립트 기초 강의 8. 반복문

for 반복문

for (let i =0; i < 10; i++) {

    console.log(i)

}

초기값 조건(false가 되면 멈춤) 코드 실행 후 작업

i = 0

i 가 10보다 작으므로 코드실행

i 값 1 증가

 

i = 1

...

반복

 

for (let i =0; i < 10; i++) { 1초기값 2,5조건(false가 되면 멈춤) 4,7코드 실행 후 작업

    console.log(i) 3,6코드실행

 

} 

순서대로 계속 반복하다가 조건이 false가 되면8  9빠져나온다.

 

 

 

 

while반복문

let i = 0;

while (i < 10) { 조건

    console.log(i);  

}

하지만 이대로 실행하면 안된다

i 는 계속 0이기 때문에 코드는 무한 반복하게 된다.

 

let i = 0;

while (i < 10) { 조건

 

    console.log(i);     

    i++; i를 증가시키는 코드 추가

}

그래서 i를 증가시키는 코드를 추가한다.

순서대로 실행하다가 false값이 나오면 빠져나온다.

 

 

 

do.. while 반복문

while 반복문과 비슷한데 조건문을 아래로 옮길 수 있다.

 

let i = 0;

do {

    console.log(i);

    i++;

} while (i < 10)

1코드 실행

2조건 체크

실행을 먼저하고 조건을 체크하기 때문에 적어도 1번은 코드를 실행하는게 while반복문과의 차이점이다.

 

 

 

반복문 빠져나오기

 

break

멈추고 빠져나옴

 

while(true){

    let answer = confirm('계속 할까요?');

    if(!answer){

        break;

    }

}

while(true)는 무한 반복이므로 주의하여 사용

break문을 만나면 반복문을 빠져나옴

 

 

continue

멈추고 다음 반복으로 진행

 

for(let i = 0; i < 10; i++){

    if(i%2){

        continue;

    }

    console.log(i);

}

최초의 i는 0이기 때문에

0은 나머지가 0이므로 false값 반환 > if문에 걸리지 않아서 콘솔에 0(i값)을 찍고

다시 반복

1을 2로 나누면 나머지가 1이므로 true값 반환 > if문에 걸려서 컨티뉴

다시 반복

2를 2로 나누면 나머지가 0이므로 false값 반환 > if문에 걸리지 않아서 콘솔에 2(i값)을 찍고

다시 반복

...

짝수만 찍히게 된다

 

 

tip)

명확한 횟수가 정해져 있으면 for문 사용 추천

횟수가 정해져 있지 않다면 while문을 사용 추천

do while은 잘 사용하지 않음

 

개발자는 항상 코드를 줄이기 위해 노력해야한다.

그래야 성능도 좋아지기 때문이다.

반복문은 코드를 줄이는 아주 좋은 방법 중 하나이다!