[JavaScript] #5 자바스크립트 반복문 for,while문

이번 글에서는 자바스크립트에서 반복을 배워보도록 하겠습니다.

반복문이란?

코드를 여러 번 반복하여 실행할 때 사용됩니다. 자바스크립트에는 for문, while문, do-while문이 있습니다.

for문

for문은 주로 반복 횟수가 정해져 있을 때 사용됩니다. for문은 초기식, 조건식, 증감식으로 구성되어 있습니다.

문법 사용방법

for(시작;조건식;종료식)
	동작문;

문법 사용예시

for (let i = 0; i < 5; i++) {
  console.log(i);
}
// 위의 코드에서는 i가 0에서 시작하여 1씩 증가하면서 5보다 작을 때까지 반복합니다.
// 따라서 0부터 4까지 출력됩니다.

 

시작은 한 번만 실행한다.
나머지는 조건식,동작문,종료식이 반복으로 실행이 된다.

* 실행 되는 순서

1. 시작
2. 조건식
3. 동장문
4. 종료식
5. 이후부터는 조건식,동작문,종료식 반복

 

무한 for문(무한 반복문)

문법 사용방법

for(;;){동작문};

 

중첩 반복문

반복문 안에 반복문이 중첩되있는 경우

2중 반복일 경우

for(let i=0; i < 10; i++){
	for(let j=0; i < 10; j++){
		console.log(i,j);
	}
}
// i==0 j==0 console.log(0,0);
// i==0 j==1 console.log(0,1);
// i==0 j==2 console.log(0,2);
// i==0 j==9 console.log(0,9);
// i==0 j==10 조건X
// i==1 j==0 console.log(1,0);
// i==1 j==1 console.log(1,9);
// i==1 j==10 조건X

for문 + if문

for(let i = 0;i < 5; i++){
	if( i % 2 === 0) continue;
	for(let j=0; j < 5; j++){
		if( J % 2 === 0) continue;
		for(let k=0; k < 5; k++){
			if(k % 2 === 0) continue;
			console.log(i,j,k);
		}
	}
}
// i==0 continue
// i==1 j==0 continue
// i==1 j==1 k==0 continue
// i==1 j==1 k==1 console.log(1,1,1)
// i==1 j==1 k==2 continue
// i==1 j==1 k==3 console.log(1,1,3)
// i==1 j==1 k==4 continue
// i==1 j==1 k==5 조건X
// i==1 j==2 continue
// i==1 j==3 k==0 continue
// i==1 j==3 k==1 console.log(1,3,1)

보통 실무에서는 이중이나 삼중 중첩 반복문이 보통 나온다

구구단 출력, 짝수 단이 나오지 않도록 하기

if문을 두 번쓴 방식

for (let i = 1; i < 10; i++) {
        if (i % 2 == 0) continue;
        for (let j = 1; j < 10; j++) {
          if (j % 2 == 0) continue;
          console.log(`${i} * ${j} = ${i * j}`);
        }
     }

if문을 한 번쓴 방식

for (let i = 1; i < 10; i++) {
        for (let j = 1; j < 10; j++) {
					if(i % 2 == || j % 2 == 0) continue;
					console.log(`${i} * ${j} = ${i * j}`;
        }
     }

i가 i+2면 홀수만 나옴

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

 

별찍기

문1)

*
**
***
****
*****

for(let i=0; i < 5; i++){
	console.log('*'.repeat(i+1))
}
// i=0, *
// i=1 , **
// i=2 , ***
// i=3 , ****

문2)

*****
****
***
**
*

for(let i=5; i >= 1; i--){
	console.log('*'.repeat(i))
}
// i=5 , *****
// i=4 , ****
// i=3 , ***
// i=2 , **

문3)

 *****
  ****
   ***
    **
     *

for(let i=0; i<5;  i++){
    console.log(' '.repeat(i) + '*'.repeat(5-i));
}
// i=0,' '.repeat(0)+'*'.repeat(5), *****
// i=1,' '.repeat(1)+'*'.repeat(4),  ****
// i=2,' '.repeat(2)+'*'.repeat(3),   ***

문4)

    *
   **
  ***
 ****
*****

for(let i=0; i < 5; i++){
	console.log(' '.repeat(4-i) + '*'.repeat(i+1)
}
// i=0,' '.repeat(4)+'*'.repeat(1),     *
// i=1,' '.repeat(3)+'*'.repeat(2),    **
// i=2,' '.repeat(2)+'*'.repeat(3),   ***

문5)

  *
 ***
*****

 

for(let i=1; i<=5; i= i+2){
    console.log(' '.repeat((5-i/2)) + '*'.repeat(i));
}
// i=1,' '.repeat(2)+'*'.repeat(1) //   *
// i=2,' '.repeat(1)+'*'.repeat(3) //  ***
// i=3,' '.repeat(0)+'*'.repeat(5) // *****

 

while문

while문은 주로 반복 횟수가 정해져 있지 않을 때 사용됩니다.
while문은 조건식이 true일 때까지 코드 블록을 반복합니다.
 

동작문이 한 가지인 형식

문법 사용 방법

while(조건식)
	동작문;

동작문이 여러 가지인 형식

while(조건식){
	동작문1;
	동작문2;
	동작문3;
}

문법 사용 예시

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

do-while문

while문과 비슷하지만, 코드 블록을 먼저 실행한 후 조건식을 검사합니다.
따라서 코드 블록이 최소한 한 번은 실행됩니다.
 

사용 방법

let i = 0;
do {
  console.log(i);
  i++;
} while (i < 5);

 

break와 continue

둘다 반복문을 멈추는 명령어

break

특정 조건을 만족하면 반복문 벗어날 때, 씀

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

 
continue
전체 반복 중에 특정 조건을 만족하는 경우를 제외하고자 할 때, 씀

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

 

참고

https://youtu.be/x6D_oLOazzw?list=PLcqDmjxt30RvEEN6eUCcSrrH-hKjCT4wt 

 
2023.03.30 - [Javascript] - [JavaScript] #4 자바스크립트 조건문 if,else-if,else,switch

[JavaScript] #4 자바스크립트 조건문 if,else-if,else,switch