끄적끄적 메모장

[JavaScript] 반복문에 대해서 알아보자 본문

프론트엔드/JavaScript

[JavaScript] 반복문에 대해서 알아보자

병걸 2023. 4. 24. 14:36

개발을 하다보면 규칙적인 반복을 여러번 하는 경우가 생깁니다.

이럴때 반복문을 활용하면 10개의 동일한 코드를 반복 실행을 할 수 있게 됩니다. 

 

이제 반복문에 대해서 알아보자

반복문은 대표적으로 for문과 while문이 있다,

 

먼저 while문에 대해서 알아보자!

var i = 3;

while (i < 0){ // 3 2 1 이 출력됩니다.
	document.write("while")
    i--;
}

var j = 3;

do{
	document.write("do");
} 
while(j < 0){ // 3 2 1 이 출력됩니다.
	document.write("do~while");
    j--;
};

위 코드는 i와 j가 조건식에 따라서  반복적으로 돌아가는 프로그램이다

- while문은 i<0의 조건문에 의해 3, 2, 1 이 출력되어 while이 3번 출력하게 됩니다.

- do-while문 같은 경우 do 문을 먼저 실행하고 while에 있는 j<0의 조건문에 의해 3, 2, 1이 출력되어 do가 출력되고 do~while이 3번 출력되게 됩니다.

 

다음으로 for문에 대해서 알아보자!

// 구구단 출력

for(i=2; i<10; i++){
	document.write(`<h1>${i}단 =============</h1>`);
    for(j=1; j<10; j++){
    	result=(i*j);
        document.write(`${i}X${j}=${result} <br>`)
    }
}

위 코드는 2~9까지의 구구단이 출력되는 프로그램입니다.

- for문의 문법은 for(초기값; 조건문; step;) 입니다. 즉 for(i=2; i<10; i++)인 경우 i의 값이 2에서 9까지 1씩 증가하여 반복실행하라는 뜻입니다.

- 이중 포문으로 for문안에 for문이 들어가 2x1, 2x2, 2x3 ~ 3x1, 3x2, 3x3 ~ 과 같이 반복문 안에 또 반복을 하여 구구단 같은 문법도 구현이 가능합니다.

 

 

Comments