[서적] Do it ! 시리즈/Do it! 자바스크립트 입문

[Do it! 자바스크립트 입문] 07 - 4장 반복문 - for문, for문 반복하기

다두디다 2022. 2. 14. 21:20
728x90

자주 사용하지만 너무나 헷갈리는 자바스크립트 for문 자세히 파헤쳐 봅시다!

 

04 - 3 명령 반복 실행하기 - for문

 

#1 for문

for문은 어떤 동작을 여러 번 실행하는데 사용합니다.

반복문을 사용하면 여러 명령을 늘어놓지 않고 소스를 간단하게 작성할 수 있습니다.

 

#2 1부터 15까지 더하는 반복문 만들기

 

 

① var sum = 0 ; → 변수 sum 선언

② for ( var i = 1; → 카운트 변수 i 선언 및 1로 초기화

          i < 6; → for문의 조건식 

          i++) → i는 1부터 5까지 5번 반복

③ sum += i; → 반복 실행할 문(sum = sum + i;)

 

결과값

 

04 - 4 for문 반복하기 - 중첩 for문

 

#1 구구단 프로그램 만들기

 

1단계 for문 중첩하기

결과값 미리보고 이해하기

 

먼저 각 단에서 1부터 9까지 곱하고 그러고 다음 단으로 넘어가는 순서로 진행해야 하며,

이럴 때 for문을 중첩으로 사용합니다.

두 개 이상의 for문을 중첩하여 사용할 때는 

먼저 실행하는 for문을 안쪽에, 나중에 실행하는 for문을 바깥쪽에 작성합니다.

 

 

2단계 구구단 소스 작성하기

 

① document.write("<h3>" + i + "단</h3>"); 으로 몇 단인지 표시

 

①번 결과값

 

② document.write("<div>");

    document.write("</div>"); 로 감싸 구구단 표 모양 잡기

 

②번 결과값

 

document.write(i + "x" + j + "=" + i*j + "<br>")

i * j 반복문 실행

 

결과값

 

for문 복습 하니깐 더 이해가 잘 된 것 같아요 굿! :b

728x90