끄적끄적 메모장
[JavaScript] 반복문에 대해서 알아보자 본문
개발을 하다보면 규칙적인 반복을 여러번 하는 경우가 생깁니다.
이럴때 반복문을 활용하면 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 ~ 과 같이 반복문 안에 또 반복을 하여 구구단 같은 문법도 구현이 가능합니다.
'프론트엔드 > JavaScript' 카테고리의 다른 글
[JavaScript] 문자열에 대해서 알아보자 (0) | 2023.05.02 |
---|---|
[JavaScript] 배열 속성과 메소드에 대해서 알아보자 (0) | 2023.04.24 |
[JavaScript] 조건문에 대해서 알아보자 (0) | 2023.04.24 |
[JavaScript] 연산자 공부하기 (0) | 2023.04.20 |
[JavaScript] 변수 var const let 공부 (0) | 2023.04.20 |
Comments