📌 반복문 for , while 문에 대해 알아보자.

🤔 반복문(Loop statement)

반복문이란 단어에서 유추할 수 있듯이 한 문법을 반복해서 실행 해 주는 특징을 가지고 있다.

📌 반복문의 실행순서

1️⃣ 변수선언문을 정의
2️⃣ 조건식의 값이 true라면 { } 코드블럭을 실행해주고 그 다음,
3️⃣ 증감식을 실행한다.
4️⃣ 조건식이 false가 될때까지 2번과 3번을 반복한다.

각 키워드마다 어떤 특징을 가지는지, 어떤 상황일 때 활용해야 하는지 알아보자.

 <script>
    for (let i = 0 ; i < 5; i++){
      console.log(i);
    }
 </script>

위 예제 코드는 for문이다.
실행 순서대로 해석을 해보자면

i라는 변수를 선언하고 i 변수에 0 값을 할당 해 줬다. i는 즉 0이다.
i < 5; 라는 조건식 값이 true라면 { console.log(i);} 코드블럭을 실행해준다. i는 0이고 5보다 작으니 true다.
0을 계속 증가하여 1씩 증가 해준다.
i가 5가 되면 실행을 멈춘다.
결과는 0부터 1까지 console.log로 출력된다.

for문 예제 코드를 while문으로 작성해보자.

 <script>
let result = 5;
while (result >= 0) {
  console.log(result);
  result--;
}
 </script>

for문은 조건식 값이 true라면 코드 블럭을 실행해주는 방식이라면,
while문은 조건식이 false가 될때 까지 코드 블럭을 반복 실행 해주는 방식이다.

• for문은 반복횟수가 정해진 경우,
  주로 배열과 함께 많이 사용한다.
  while문과 다르게 초기값이 주어지면,
  조건을 만족할 때까지는 실행한다.

• while문은 무한루프나 특정 조건에 만족할 때까지 반복해야 하는 경우,
  주로 파일을 읽고 쓰기에 많이 사용한다.
  조건이 true인 동안 반복 실행되고,
  false가 되는 순간 빠져나온다.

한번은 무조건 값을 출력하고싶다면 do while문을 활용하는 방법도 있다.

 <script>
 let result = false;
do { 
  console.log('Hello World!');
} while (result);
</script>

While문에 대해 자세히 알고싶다면?

👍🏻 Reference

MDN While