[자바스크립트 반복문] for/while/do while에 대해 알아보자

#자바스크립트반복문 #자바스크립트for #자바스크립트while

#자바스크립트dowhile

​

​

오늘은 반복문에 대해 알아보겠습니다

for

for 반복문 형태입니다

for ( 1.초기값 ; 2.조건 ; 3.코드실행 후 반복할 작업)

{반복할코드}

=

for( let i =0 ; i>10 ; i ++

{console.log(i)}

                                    for(let i =0 ; i<10 ; i ++){
  console.log(i)
}

​

반복문을 해석하겠습니다

1. 초기값 : i = 0으로 지정한다

1. 조건: i>10 을 확인한다

2-1 . 조건이 true이면 코드를 실행한다

2-2 조건이 false이면 반복문을 멈춘다

1. 반복할 작업 : i ++

​

2-2가 될때까지 반복문을 실행한다

while

while반복문의 형태입니다

위와 동일한 식을 기준으로 설명하겠습니다

​

1. 초기값 지정

2. while (조건) {

반복코드

3.코드 시행 후 반복할 작업

}

​

=

​

let i =0;

while(i<10){

console.log(i);

i++

}

                                    let i =0;
while(i<10){
    console.log(i);
    i++;
}

1. 초기값 : let i =0 으로 지정합니다

1. while(조건문): while (i>10)

조건문을 while 소가로에 넣어주고

뒤에는 반복작업할 코드를 입력합니다

1. 코드시행후 반복할 작업: i ++

​

반복할 작업을 코드 뒤에 써주지 않으면

반복문이 계속 실해 되니 꼭 적어야 합니다

**\* i = 0 이 지속된다**

do while

​

do while 형태입니다

1. 초기값 설정

​

2. do {

반복할 코드

3.코드 실행 후 반복 작업

}

3.while(조건)

​

=

​

let i =0;

do{

console.log(i);

i ++

}while(i<10)

                                    let i =0;
do{
console.log(i)
i++
}while(i<10)

​

위 형태와 비교하면서 보시면 됩니다

1.초기값설정 : let i =0

1. do{코드} : do뒤에는 실행할 코드 입력

1. 코드 실행 후 반복할 작업 { i++} //do 안에 적기

1. while(조건) : while(i<10)

​

반복문의 형태는 대체로 다 비슷하며

형태 순서나 위치가 조금씩 바뀝니다

​

반복문을 해제하려면

break : 즉시 반복문을 멈추고 빠져나옴

continue : 즉시 반복문을 멈추고 다음 반복 진행

​

break 예시

                                    while (true) {
  let answer =confirm ("성인인가요?")
  console.log("안녕하세요")
  if(!answer){
    console.log("애들 가라")
    break;
  }
}

while(true)이기에 조건없이 while문이 실행됩니다

confirm은 아래와 같이 웹창에

확인메세지가 나옵니다

while문 안을 잘 살펴보시면

반복되는 동안 콘솔로 "안녕하세요"를 찍히게 했고

​

if문을 만나게됩니다

if의 조건문은 (!answer)

즉 answer의 부정이 true인지 물어보고 있습니다

​

confirm에서 확인을 누르면 true값이

취소를 누르면 false값이 출력됩니다

​

if(!answer)이기 때문에 answer = confirm 값이

false여야만 !false가되어 true값이 됩니다

​

그냥 요약하면 취소를 누르면 if문이 실행됩니다

if문이 실행되면서 콘솔로 "애들은 가라"가 찍히고

break문을 만나 반복문이 종료됩니다

​

만약, 확인을 계속누르면

"안녕하세요"가 계속 나오며

confirm창이 무한반복됩니다

continue 예시

                                    for (let i = 0; i < 10; i++) {
  if (i % 2) {
    continue;
  }
  console.log(i);
}

i는 0부터 10까지 반복문을 순환하는데

조건문 if를 만나게 됩니다

if의 조건은 i%2 즉 i를 2로 나눈나머지 값이

true or false 인지 물어보고 있습니다

​

조건문 if의 내부 조건은 불린형으로

반환하기 때문에 나머지가 0이면 false

나머지는 모두 true로 반환됩니다

​

i=1 -> i/2의 나머지는 1 즉 ,true가 되어

continue를 만나게 됩니다

​

continue는 반복문으로 건너뛰는

구문이라서 반복문 for이 실행됩니다

​

for에서 i= 2가되어 다시 if를 만납니다

if에서 2/2 -> 나머지가 0이므로

false가 되어 if문을 건너뛰게 됩니다

건너뛰고 console.log(i)를 만나

2라는 콘솔값이 출력됩니다

​

계속반복해서 돌다보면

짝수만 2로나눴을 경우 나머지가 0이기 때문에

짝수만 출력되는 것을 볼 수 있습니다

​