007.자바스크립트 반복문(for,while)

[1] for문 예제1

See the Pen JS_007__예제1 by wootekken (@wootekken) on CodePen.

 

• 위 코드는 전형적인 for문의 예시 입니다.
• for(변수 시작값; 변수 비교값; 변수 증감값) 을 이용해서 변수 비교값의 결과가 참(True)이면 for 반복문을 계속 실행하고, 거짓(False)이면 for 반복문을 멈추고 다음으로 넘어갑니다.
• 아래 그림에 for 문의 실행 순서에 대해 번호가 매겨져 있습니다.
• (1)~(4)번 순서대로 실행됩니다. 
• (1)은 반복을 시작할 때 보통 만들게 되는 변수의 시작값 입니다.
• (2) 부분은 참과 거짓을 나타내는 코드입니다. 이 부분이 참일 경우 (3)번을 실행하게 되고, 거짓일 경우 for 반복문을 벗어나( 물결괄호{ }를 벗어나 ) 다음 줄의 명령어를 실행하게 됩니다.
• (3)은 for문에서 내가 반복하여 실행하고 싶은 핵심 코드를 넣는 곳 입니다.
• (4)는 변수의 증가와 감소를 주로 넣는 부분으로, 반복의 횟수 변화를 주기 위한 코드입니다. 

[2] 퀴즈1

• for 문을 사용하여 2 ~ 50까지 모두 더한 결과를 화면에 출력하는 코드를 작성하세요.

See the Pen JS_007_퀴즈1 by wootekken (@wootekken) on CodePen.

 

*퀴즈답(더보기 누르기)

See the Pen JS_007_퀴즈1_정답 by wootekken (@wootekken) on CodePen.

 

 

[3] while 문 예제2

See the Pen JS_007_예제2 by wootekken (@wootekken) on CodePen.

 

• 위 코드는 사용자로 부터 자연수 하나를 입력받아 1~입력값 까지의 총 합을 while 반복문으로 구하는 코드입니다.
• while 반복문은 for반복문과 같은 역할을 하며, 서로 바꿔서 코딩할 수도 있습니다.
• for문과 달리 while 반복문은 변수값을 while 문 실행 이전에 만들어 주고, while 반복문 안에서는 내가 실행하고 싶은 코드와 함께 i값 증감을 주로 넣어줍니다.
• while(괄호) 에서 괄호의 값이 참이면 while문을 계속 실행하고 거짓이면 while문을 빠져나오게 됩니다.

 

[4] 퀴즈2

• while문을 이용하여 다음과 같이 출력하는 코드를 작성하세요.

*퀴즈답(더보기 누르기)

 

See the Pen Untitled by wootekken (@wootekken) on CodePen.