본문 바로가기
WebDev/JS-TS

JS(자바스크립트)의 반복문에 대해 알아보자!

by S.AHA_dev 2024. 6. 10.
728x90
반응형

자바스크립트는 다양한 반복문이 있다. 

그 중에 기본적인 반복문에 대해 정리하려고 한다.

다양한 메서드들은 일단 뒤로하고 기본적인 반복문부터 학습하자! 


  • for 문
    • 가장 일반적인, 기본적인 반복문 구조
    • for (초기화;, 조건식;, 증감식;) {}으로 구성
for (let i = 0; i < 5; i++) {
  console.log(i); // 0, 1, 2, 3, 4
}
// (let i = 0; i < 5; i++) === 0부터 시작할거고 5미만으로 돌리고 하나씩 올릴거야

 

기본적인 예시! 한번만 돌려보면 이해가 갑니다!

  • while 문
    • 조건식이 참인 동안 반복(계속 참이면 무한루프에 빠집니다!)
let i = 0;
while (i < 5) {
  console.log(i);
  i++;
} // 0, 1, 2, 3, 4

let i = 0;
while (true) {
  if(i === 5) {
    break
  }
  console.log(i);
  i++;
}
// 이렇게 조건을 걸어줘서 탈출도 가능하다

 

  • do-while 문
    • 최소 한 번은 실행되는 반복문
let i = 0;
do {
  console.log(i);
  i++;
} while (i < 5); // 0, 1, 2, 3, 4
//우선 조건에 상관없이 무조건 실행이 되고 마지막줄의 조건을 보고 참이면 다시 반복하는 형식

 

자바스크립트에서 반복할 수 있는 메서드는 많다 하지만 오늘은 기본 반복문만 알아보고 객체나 배열의 반복에 대해서는 관련 있는 장에서 알아보자!

반응형