[JS] 반복문 for문, while문

만약 1부터 10까지 출력을 한다고 했을 때 반복문이 없었다면

console.log(1)

console.log(2)

console.log(3)

         .

         .

         .

console.log(10)

이런 식으로 괜한 노동을 했을 것이다.

이런 문제를 해결하기 위해 자바스크립트에는 많은 반복문들이 있다.

for문, for-in문, for-of문, while문, do-while문 등등..

오늘은 이 반복문들 중 가장 많이 쓰이는 for문, while문에 대해서 알아 볼 것이다.

---

1. for문

for문은 상당히 많이 쓰이는 반복문으로 

구조는 for(변수 선언; 변수 범위 지정; 증감식) { 반복하고 싶은 코드 } 로 이루어진다.

1부터 10까지 출력을 한다고 했다면

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

이렇게 작성하면 된다.

(*let 대신에 const를 쓰면 값이 변경이 되지 않기때문에 const로는 선언이 불가하다.)

 

또한, for문 안에 for문이 들어 갈 수 있다. 이 경우를 이중 for문이라고 한다.

이중 for문의 대표적인 예로는 구구단 프로그램이 있다.

for(let i = 1; i < 10; i++){
  for(let j = 1; j < 10; j++){
    console.log(i +"*"+j+"= "+i*j)
  }
}

밖의 for문의 초기값은 1이다.

초기값 1을 가지고 안쪽 for문으로 들어와서

안의 for문이 모두 돌아갈 때까지 기다린다.

그렇게하면

1*1=1

1*2=2

.

//생략

.

9*8=72

9*9=81

이런 식의 구구단이 완성된다.

---

2. while문

while문은 for문과 같은 역할을 하지만 조금 더 단순하다.

while문의 구조는 while(조건) { 반복하고 싶은 코드 } 로 이루어진다.

( ) 안에 들어가는 조건이 참일 동안 { } 안의 코드가 실행 되는 것이다.

만약 ( true )라면 이 while문은 항상 참이기 때문에 무한 루프를 돌게 될 것이다. 

let i = 0;
while(i<10){
  console.log(i+1);
  i++;
}

while문 전에 미리 변수를 초기화 시켜놓고 

( )에서 조건을 지정한다. 그 후 반복하고 싶은 코드 안에서

변수 i를 증가시켜 주어 조건이 false가 될 때까지 반복을 하는 것이다.