Javascript 자바스크립트 for문


▣ Javascript for문


■ 자바스크립트에서 for 문은 일정한 값을 증가시키거나 감소시킬 때 사용하는 경우에 사용하는데요. '시작 값'과 '최종 값'을 정해놓고, 최종 값에 도달할 때까지 일정한 값을 계속해서 증가시키는 형태입니다. for 문의 형식은 다음과 같습니다. 



■ for 다음의 ()안에 초기값과 최종값, 증가 값을 콤마(;)를 이용해서 구분하고 입력합니다. 실행할 문장이 두 개 이상일 때는 '{ }' 로 묶어서 사용해야 합니다. for 문은 변수 값을 초기 값에서 설정해주면 주면 되기 때문에 따로 초기화할 필요가 없습니다. 




 for 문의 형식을 생각하면서 간단한 예제를 하나 보겠습니다. 1~100까지의 합을 구하는 문장입니다. 




■ 예제의 내용을 보면 변수에 'i'와 'tot'를 선언하고, 'i'는 초기값을 설정하지 않았고, 'tot'는 초기값을 '0' 으로 설정 했습니다. for문 안에서 'i=0'으로 초기화하고 'i'가 100과 같아질 때까지 "1"씩 증가시키면서 더하는 문장입니다.이 문장을 실행하고 tot값과 'i' 값을 순서대로 출력하도록 하고 있는데요. 결과를 보겠습니다. 






 ■ 1~100까지의 합이 5050인 거 모두 아시죠? tot의 값은 5050 출력되구요.  "i<=100" 까지만 for 문을 실행하기 때문에 'i'가 100을 넘지 말아야 하는데...왜 101이 나왔을까요? 그 이유는 for 문을 반복할 때 사용한 변수는 for문 다음에 출력하게 되면 for문을 반복하고 마지막에 "증가값" 한 번 더 증가하기 때문입니다. 이 부분은 주의하셔야 해요.^^




 앞에서는 증가값을 (i++) 1씩만 증가시켰는데요. 다양한 양만큼 증가시킬 수 있거든요. 그 예제를 하나 보고 마무리하겠습니다. 다음 예제에서는 3씩 증가시켜 보겠습니다. 



■ 세 개의 변수를 선언하고 "i"는 for문에서 초기화하면 되기 때문에 제외하고 나머지(tot, cnt)는 "0"으로 초기화했습니다. for 문에서 i값을 0부터 10이 될 때까지 3씩 증가하도록 했구요. cnt는 1씩 증가해서 카운트 기능만 하고 있습니다. 결과값을 보겠습니다. 






■ 이렇게 0~10 사이에서 3씩 증가하면서 'tot'값을 구해서 출력됩니다. 혹시 이해가 안 되시면 메모장 열고 직접 입력해보고, 숫자를 바꿔가면서 해보세요. 이해하시는 데 도움이 좀 될 겁니다. ^^ 수고하셨어요.