[프론트엔드][JavaScript] 12. for문

for문

: while문과 달리 자체적으로 초기값, 조건식, 증감식을 모두 포함하고 있는 반복문이다.

while문 보다는 간결하게 표현할 수 있다는 장점을 가지고 있다.

 

 

예제 코드

1부터 100까지의 합계 구하기

<script>
    'use strict';
    let sum = 0;
    for(let i=1; i<=100; i++){
    	sum += i;
    }
    console.log(`1~100의 합 : ${sum}`};
</script>

 

총 합을 저장할 sum이라는 변수를 전역으로 선언해주고,

for문으로 1~100까지 i를 sum에 계속해서 더해주는 작업을 반복하게 한다.

 

 

 

구구단 출력하기

<script>
    'use strict';
    const dan = Number(prompt('원하는 단을 입력하세요'));
    document.write(`<p>${dan}단</p>`);
    
    for(let i=1; i<=9; i++){
    	document.write(`${dan} * ${i} = ${dan * i}`);
    }
</script>

 

웹페이지로 실행시키면 프롬프트 창이 뜨며 원하는 단을 입력하게 한다.

입력받은 숫자는 문자형이므로 숫자(Number)로 형을 변환시켜준다.

 

for문으로 1부터 9까지 각각 곱하면서 화면에 출력하게끔 반복시킨다.