Hello World를 3번 출력하는 코드를 만들어 봅시다.
console.log("Hello World"); console.log("Hello World"); console.log("Hello World");
Hello World를 100번 출력하는 코드를 만들려면? console.log("Hello World");를 100번 작성할 수도 있지만 반복문을 사용하면 console.log("Hello World");를 단 한번만 써서 만들 수 있습니다.
이번 강의에서는 while 반복문을 사용해서 코드를 반복시키는 법에 대해 알아봅니다.
while(조건){ 조건이 참인 경우 이곳의 코드가 반복 실행 됨 }
조건이 참인 경우 괄호({}) 안의 코드를 실행합니다. 여기까지만 보면 if와 똑같지만 while은 {} 코드를 실행한 후 다음코드로 넘어가기 전에 while 문을 다시 반복합니다. while의 조건이 거짓인 경우에만 다음 코드로 넘어갈 수 있습니다.
예제를 살펴봅시다. 아래 코드는 0에서 9까지의 숫자를 console.log를 이용해서 출력합니다.
var count = 0; while(count < 10){ console.log(count); count = count+1; }
위 예제에서 count = count +1;은 count++;로 바꿔 쓸 수 있습니다. ++는 증가연산자로 숫자인 변수의 값을 1 증가 시키는 역할을 하고, 반대로 --는 감소연산자 숫자인 변수의 값을 1 감소시키는 역할을 합니다 이를 둘을 증감연산자라고 합니다. ++나 --를 앞에 붙이느냐 뒤에 붙이느냐에 따라 약간의 차이가 있습니다. ++, --를 앞에 붙이면(이것을 '전치'라고 합니다) 해당값이 먼저 증가된 후 증가된 값을 반환하고, 뒤에 붙이면(이것을 '후치'라고 합니다.) 먼저 값을 반환한 후에 증가됩니다.
연산자 | 이름 | 위치 | 형태 | 설명 |
++ | 증가연산자 | 전치 | ++number | number의 값을 1 증가시키고 그 값을 반환함 |
후치 | number++ | number의 값을 반환하고 number의 값을 1 증가시킴 | ||
-- | 감소연산자 | 전치 | --number | number의 값을 1 감소시키고 그 값을 반환함 |
후치 | number-- | number의 값을 반환하고 number의 값을 1 증가시킴 |
var num1 = 10; var added1 = ++num1; console.log(num1, added1);
위 코드를 실행하면 11, 11이 출력됩니다. 최초 num1은 10이였고, ++num1를 통해 num1의 값이 1 증가된 후 이 값이 added1에 대입된 것이죠.
반면,
var num2 = 10; var added2 = num2++; console.log(num2, added2);
위 코드를 실행하면 11, 10이 출력됩니다. 최초 num2는 10이였고, num2++를 통해 num2의 값이 증가되기 전 값이 added2에 대입되고, 그 후에 num2의 값이 증가된 것입니다
-- 역시 같은 식으로 숫자를 1 감소시킬 수 있습니다.
아래는 첫번째 예제를 증감연산자를 사용하여 표현한 코드입니다.
var count = 0; while(count < 10){ console.log(count); count++; }
사실 이 경우 ++count;로 쓰든 count++; 이 예제는 변화가 없습니다. 어떻게 쓰든 간에 값이 증가된 후에 다시 while문 조건 확인으로 돌아가기 때문이죠.
만약 while문의 조건이 계속하여 참이라면 이 반복문은 무한히 반복됩니다. 이 경우 프로그램이 멈추고 시스템이 다운 될 수도 있으므로 무한반복이 되는 코드는 작성하지 않도록 해야 합니다. 실수로 코드가 무한반복된 경우 빨리 tab을 종료하도록 합시다.
while(조건){ 조건이 참인 경우 이곳의 코드가 반복 실행 됨 }
연산자 | 이름 | 위치 | 형태 | 설명 |
++ | 증가연산자 | 전치 | ++number | number의 값을 1 증가시키고 그 값을 반환함 |
후치 | number++ | number의 값을 반환하고 number의 값을 1 증가시킴 | ||
-- | 감소연산자 | 전치 | --number | number의 값을 1 감소시키고 그 값을 반환함 |
후치 | number-- | number의 값을 반환하고 number의 값을 1 증가시킴 |
댓글
이 글에 댓글을 다시려면 SNS 계정으로 로그인하세요. 자세히 알아보기