[JavaScript] 자바스크립트의 기초_반복문(For문)

 

 

---

 

 

사이드 프로젝트를 위한 자바스크립트

인프런 한 입 크기로 잘라먹는 리엑트(React): 기초부터 실전까지
강의를 기반으로 정리하였으며, 상업적 목적이 아닌 학습 기록용 입니다.

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지| 이정환 Winterlood - 인프런 강의

 

 

목차

반복문

For문

 

---

 

 

반복문

반복문: 어떤 동작을 반복해서 수행할 수 있도록 만들어 주는 문법
특정 작업을 여러 번 실행해야 할 때, 코드를 복붙 대신 사용하면 간결하고 효율적인 코드 작성이 가능하다.

 

 

 

 

For문

for 반복문: 일반적이고 강력한 반복문으로, 정해진 횟수만큼 코드를 반복 실행해야 하는 경우 사용된다.

for문 기본 형태: for(초기식; 조건식; 증감식){반복 실행될 코드}
• 초기식: 반복문이 시작될 때 단 한 번 실행되는 부분으로, 반복 횟수를 세는 변수를 초기화한다.
• 조건식: 매 반복 전에 평가되는 조건으로, 이 조건이 true일 경우에만 블록 내부 코드가 실행한다.
• 증감식: 한 번의 반복이 끝난 후 실행되는 부분으로, 주로 초기식에서 선언된 변수의 값을 변경한다.

break: 반복문을 중간에 조건식이 거짓이 되지 않는 경우에도 강제로 종료시킬 때 사용된다.
continue: 현재 반복 회차의 남은 코드를 건너뛰고 다음 반복을 즉시 시작할 때 사용된다.

// 반복문: 어떤 동작을 반복해서 수행할 수 있도록 만들어 주는 문법
// for(초기식; 조건식; 증감식){반복 실행될 코드}
for (let idx = 0; idx < 5; idx++) {
  console.log("반복");
}

// 반복문을 중간에 조건식이 거짓이 되지 않는 경우에도 강제 종료
for (let idx = 0; idx <= 10; idx++) {
  console.log(idx);

  // 5 이상부터 종료된 것을 확인 가능
  if (idx >= 5) {
    break;
  }
}

// idx 값이 짝수인 경우에는 아무것도 출력하지 말고 해당회차 건너뛰게 만드는 경우
for (let idx = 0; idx <= 10; idx++) {
  if (idx % 2 === 0) {
    continue; // 진행하지 않고 다음으로 넘어간다
  }
  console.log(idx);

  // 5 이상부터 종료된 것을 확인 가능
  if (idx >= 5) {
    break;
  }
}