본문 바로가기

개발일지/JavaScript + jquery

[js] 1부터 100까지의 합을 구하기(반복문-for)

반복문이란? 어떠한 조건을 반복적으로 실행할 때 사용한다. if문에 이어서 가장 많이 사용!

<기본구성>

for(초기값; 조건값; 증가값){ 실행 }

 

<1~100까지의 합을 구하다>

<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>1부터 100까지 합</title>
  <script>
	function kk(){
		var sum = 0; //자바스크립트는 원래 초기화 및 선언을 안 해도 됨
		for(i=0; i<=100; i++){
				sum = sum + i;	
		}
		document.write("1부터 100까지 합은 ? " + sum);
	}
  </script>
 </head>
 <body>
	<button onclick=kk();>1부터 100까지 합</button>
 </body>
</html>

var sum = 0;
자바스크립트는 원래 초기화 및 선언을 안 해도 되지만 깨끗한 상태에서 계산하기 위해 해줬다. sum이 결과값이 될 예정이고 for(i=0; i<=100; i++){ sum = sum + i; } i가 하나씩 올라가면서 sum과 합해진다. 그렇게 1~100까지 수를 한 번씩 더해준다. 

<button onclick=kk();>1부터 100까지 합</button>

화면의 버튼을 클릭하면 위에 위에서 선언한 함수가 출력된다. 

sum += i;

sum = sum + i ;를 더 간단하게 줄이려면 sum += i ;를 쓰면 된다.


<for문과 if문 같이 쓰기>

for(i=0; i<=100; i++){
			if( i%2 == 0 ){ sum = sum + i; }
		}
	document.write("1부터 100까지 짝수의 합은 ? " + sum);

1부터 100까지 짝수의 합을 구하다. 

for : 1~100까지의 숫자

if ( i%2 == 0 ) :  2로 나눴는데 나머지가 0이라면 계산을 한다.

 

for(i=0; i<=100; i++){
			if( i%2 == 0 ){ continue; }
				sum = sum + i;
		}
		document.write("1부터 100까지 홀수의 합은 ? " + sum);

그렇다면 홀수의 합은? i%2 == 1으로 할 수도 있지만..
continue; 돌아가서 다시 계산을 하라는 뜻
break; 만났을 때 계산을 끝낸다는 뜻으로 비슷하지만 다르다.

for(i=0; i<=100; i++){
			if( i%3 == 0 ) { sum = sum + i; }
		}
		document.write("1부터 100까지 3의 배수의 합은 ? " + sum);

3의 배수의 합은? 위와 크게 다르지 않다.