자바스크립트 기초(ES5+)_반복문(loop)/ while / for / 중첩 반복문

[  Loop 반복문 ]

- false가 나오기 전까지 계속해서 무한 반복한다.

 

1. while 반복문 > 조건을 먼저 확인한다.

let i = 3;
while (i > 0) {
  // i가 0보다 클경우 반복함
  console.log(`while: ${i}`);
  i--;
}

 

2. do - while 반복문 > 블록 먼저 실행한 후 조건을 확인한다.

do {
  console.log(`do while: ${i}`); // 먼저 실행한 후,
  i--;
} while (i > 0); // 조건을 확인하고 반복함

 

3. for 반복문 : for( begin(시작); condition(조건); step(스텝) ) > begin 1번만 실행 후, condition 확인하고 step 하는 과정을 반복한다.(condition이 안맞을 때 까지)

for (i = 3; i > 0; i--) {
  // 기존에 있던 i 호출
  console.log(`for: ${i}`);
}

for (let i = 3; i > 0; i = i - 2) {
  // let 사용하여 지역변수 호출
  // inline 변수
  console.log(`inline variable for: ${i}`);
}

 

4. nested loops (for문 안에 for문 사용) > CPU에 좋지 않다. 되도록 피하는 것이 좋다.

for (let i = 0; i < 10; i++) {
  for (let j = 0; j < 10; j++) {
    console.log(`i: ${i}, j:${j}`);
  }
}

 

 

5. break 와 continue  :  반복문을 끝낼 수 있음

• break : loop를 완전히 끝낸다.
• continue : 지금 것만 skip하고 다시 다음 것으로 넘어간다.

// break, continue

// 1. 0-10까지 반복하되, continue 사용하여 짝수만 출력하기
// 1) 홀수이면 넘어가기
for (let i = 0; i < 11; i++) {
  if (i % 2 !== 0) {
    // 홀수이면
    continue; // 넘어가기
  }
  console.log(`i:${i}`);
}
//2) 짝수일 때만 출력하기
for (let i = 0; i < 11; i++) {
  if (i % 2 === 0) {
    console.log(`i:${i}`);
  }
}

// 2. 0-10까지 반복하되, 숫자 8 만나면 break 하기
for (let i = 0; i < 11; i++) {
  if (i > 8) {
    break;
  }
  console.log(`i:${i}`);
}

 

 

 

*본 포스팅은 드림코딩 유튜브강의를 정리한 내용입니다.