[JavaScript] JS 반복문

🔍  반복문

• 반복적으로 수행해야 하는 동작을 처리하기 위해서 사용되는 제어문
• 자바스크립트에서 제공하는 반복문의 종류는 for문과 while문으로 나눌 수 있음

🔍  for

• for 키워드 사용
• 괄호 안에 반복을 위한 어떤 조건들이 명세가 됨
• 시작 값을 정의하고 각각을 세미콜론(;)으로 정의
• 반복의 조건
• 증감 값을 작성

for(let i = 1; i < 5; i++){
    console.log(i)
}

• 참이라면 반복문을 실행하고 거짓이라면 반복문을 빠져나옴

🔍  시작 값을 생략하는 방법 / 증감 식을 생략하는 방법

• for문을 사용할 때 시작값, 조건식, 증감식 인자를 사용하는데 작성하지 않고도 생략할 수 있는 방법이 있음

let i = 0;

for(; i < 5; i++){
    console.log(i)
}

let i = 0;

for(; i < 5;){
    console.log(i++)
}

🔍  break

•  반복문은 기본적으로 주어진 조건에 의해서 결과값이 거짓이 될 때 반복문을 빠져나오게 됨
• 조건들과 무관하게 사용자가 원하는 시점에 반복문을 빠져나올 수 있게끔 지정할 수 있음

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

🔍  continue

• 반복문을 아예 빠져나가는게 아니라 현재 반복만 종료하고 다음번 반복으로 넘기는 명령어

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

🔍  for of

• 반복이 가능한 배열이나 문자열 등에서 사용할 수 있는 반복문의 종류
• 주어진 객체를 차례대로 순회하면서 주어진 코드를 실행하는 방식
• for문과 똑같지만 안에 시작값이나 조건식, 증감값을 지정하는 것이 아닌 사용할 변수 그리고 of라는 키워드
• 반복이 가능한 객체를 순서대로 지정하게 됨

const arr = [1,2,3];

for(const i of arr){
    console.log(i);
}

• 배열 안의 요소를 차례로 출력함
• for of문은 어떤 조건을 만족할 때만 반복을 하는게 아니라 뒤에 배열의 요소를 처음부터 끝까지 순회를 하면서 내부에 지정된 코드를 실행하는 방식으로 동작

🔍  while

• 괄호 안에 지정된 조건이 만족할 동안 내부 코드를 반복하게 됨
• 조건이 참일 동안 계속 반복하게 됨

let i = 0;

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

• 괄호 안에는 반복을 유지할 조건을 작성
• while문이 시작할 때 괄호 안에 조건이 참인지를 판별하게 되고 참이면 내부에 들어가서 코드를 실행한 후 다시 돌아와서 또 조건이 참인지를 판별한 후 참이면 내부 코드를 실행하는 과정을 반복하다가 거짓이라고 판별되면 내부에 진입하지 않고 반복문 종료

🔍  do while

• while문과 비슷하지만 조건문을 반복문의 시작 위치가 아니라 끝 위치에서 판별한다는 차이점이 있음
• 우선 첫 번째로 진입을 한다는 문제점이 있음
• 첫 번째로 실행될 때 무조건 한 번은 console 부분이 실행이 됨
• 다음 반복문으로 넘어가기 전에 조건식을 판별하게 됨
• 계속 반복하다가 조건식을 만족하지 못할 때 반복이 종료

let i = 0;

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