인간은 반복적인 작업을 잘하지 못한다. 하다보면 실수도 하고, 지루해지기 때문이다. 하지만 컴퓨터는 이런 반복적인 작업을 대행하기 위해 만들어진 기계이다. 반복문은 컴퓨터에게 반복적은 작업을 하게 만드는 방법이다.
반복문의 문법에는 크게 while과 for가 있는데 둘다 '~동안' 이라는 의미를 가진 단어이므로 조금 감이 올 것이다.
이번 포스팅에서는 while에 대해 알아보자.
<while>
기본적인 형식은 아래와 같다.
▲ 조건문인 if 처럼 browser에게 반복문을 실행할 것임을 알려주기위해 while을 먼저 쓰고 소괄호안에 원하는 조건을 입력한다. 입력한 조건의 값이 true이면 중괄호( '{}' )안의 코드를 반복해서 실행하게 된다.
언제까지? 조건이 false가 될 때까지!
▼ 아래는 실제 반복문 예시이다. 하지만 조심!
▲ 조건이 true로 되어있다. 때문에 while문은 조건이 false가 될 때까지 반복해서 실행되는데, 조건을 그냥 true로 지정해버렸기 때문에 false가 될 일이 없으므로 무한반복 되어버릴 것이기 때문에, 컴퓨터에 많은 부담이 될 것이다.
따라서 저장되지 않은 작업이 있다면 모두 정리 후 이 명령을 실행해보자
(참고 : <br /> 은 줄바꿈을 실행하는 html tag이다.)
아마 browser가 튕겨서 응답이 없다는 반응 등이 나타날 것이다.
▲ 만약 조건이 false라면 반복문이 실행되지 않으므로 아무런 결과도 출력되지 않을 것이다.
반복문의 조금 더 실용적인 예제를 보자.
▲ 이미지를 클릭하여 확대해서 주석으로 첨부한 내용을 하나하나 음미하면서 while문 문법을 음미해보자.
<for>
for문은 동일한 반복문이지만 while문을 조금 더 압축시켜놓은 구조라고 할 수 있다.
▲ 같은 내용의 코드를 for문은 한줄에 변수선언과 초기화, 조건, 변수의 증가까지 다 넣을 수 있는 구조이다.
for문의 구조를 조금 자세히보면 for뒤의 소괄호 안의 내용을 구분할 때는 세미콜론으로 해주고 마지막은 넣지 않는 것을 볼 수 있다.
구동방식은 while과 매우 유사하다.
for(변수 ; 조건 ; 추가실행코드 ){ 변수가 조건에 맞을 경우 실행할 코드}
▲ '변수가 조건에 맞으면 중괄호안의 코드를 실행하고 추가실행코드를 실행하라'와 같이 풀이할 수 있다.
'JavaScript > Javascript' 카테고리의 다른 글
함수(Function) (0) | 2022.02.16 |
---|---|
반복문(break, continue, 중첩) (0) | 2022.02.16 |
조건문(추가내용) (0) | 2022.02.14 |
조건문(part. 4) (0) | 2022.02.14 |
조건문(part. 3) (0) | 2022.02.14 |