반복문이란? 어떠한 조건을 반복적으로 실행할 때 사용한다. 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의 배수의 합은? 위와 크게 다르지 않다.
'개발일지 > JavaScript + jquery' 카테고리의 다른 글
[js] While문 + Do While문 (0) | 2021.09.07 |
---|---|
[js] 중첩 for문 - 별찍기 (0) | 2021.09.07 |
[js] 학점구하기 (조건문-Switch) & 숫자형과 문자형 (0) | 2021.09.07 |
[js] 코드를 간단하게 쓰는 방법과 조건문(if, else if) (0) | 2021.09.07 |
[js] 팝업창 띄우기(alert, confirm, prompt) (0) | 2021.09.06 |