My Melody Kawaii

JAVASCRIPT

for문을 이용해서 문제를 풀어보자!

younajeong 2023. 3. 5. 20:23

“ 지연되는 프로젝트에 인력을 더 투입하면 오히려 더 늦어진다. ”

- Frederick Philips Brooks
Mythical Man-Month 저자
728x90

for문을 이용한 문제를 풀어보았습니다.

 

for문을 활용한 연습문제를 풀어보았습니다.

 

01. 1에서 100까지 출력하기

for(let i=1; i<=100; i++){
 document write.(i);
}

문제풀이

for문을 이용해서 1에서 100까지 출력하는데 먼저 변수 i를 선언해줍니다. 그 후에 원래는 0으로 선언해주어야 하는데 1에서 100까지 출력해야 하기 때문에 1부터 선언을 해줍니다. 그 후에 100과 같거나 크게로 선언해 준후 i++로 변수를 i를 1높여주면 1에서 100까지 출력할 수 있습니다.

 

 

02. 0부터 50까지 출력하기

for(let i=0; i<=50; i++){    
 document.write.(i)
 }

문제풀이

문제풀이 1번과 마찬가지 변수 i를 선언해주는데 0부터 출력하므로 0으로 선언해주고 50보다 크고 작게출력해준 후 i를 1높여주면 0부터 50까지 출력할 수 있습니다.

 

 

03. 0부터 100까지 짝수만 출력하기

for(let i=0; i<=100; i+=2){    
 document.wirte (i);
}

문제풀이

0부터 100까지 출력하는 방법과 비슷하게 변수 i를 0으로 선언해주고 100보다 크고 작다고 선언해준 후 i+=2로 i가 2씩 증가할 수 있도록 선언해 주면 0부터 짝수로 나오게 됩니다.

 

04. 5의 배수만 출력하는 방법

for(let i=1; i<=100; i+=5){       
 document.wirte(i);
}
//증감 연사자 사용

 

for(let i=1; i<=100; i++){
  if( i % 5 == 0)
 }
  document.write(i);
  //if문을 이용한 방법

문제풀이

증감 연산자 사용 방법은 문제 3번과 똑같이 해줍니다. 증감할 때 +5씩 증감할 수 있는 증감 연산자를 사용할 수 있습니다. if문은 조건문으로 조건을 부여하는 형식입니다. for문을 사용해주고 i%5=0으로 i를 5로 나누는건 0이다 라는 조건을 부여해주면 5의 배수들만 출력됩니다.

 

 

05. 1부터 100까지 짝수(파란색) 홀수(빨간색)

for( let i=1; i<=100; i++){
 if( i % 2 == 0 ){   

    document.write("<span style ='color:blue'>"+i+"</span>"); 
    }    
}

 if( i % 2 == 1 ){   
    document.write("<span style ='color:red'<"+i+">/span>");

문제풀이

for문을 이용해서 1에서 100까지 출력을 해줍니다. 그후 중첩 if문을 이용해서 짝수와 홀수를 출력해줍니다. 짝수를 출력하는 방법은 if(i % 2 == 0)의 조건이고 홀수는 if(i % 2 == 1)로 출력을해준 후 색을 입힐 때는 출력문 괄호 안에 span을 적어주고 style='color:'를 선언해줍니다. 짝수 있는 쪽은 blue 홀수는 red로 선언을 해줍니다.

 

06. 테이블 100칸 만들기

let table = "<table border=1>";

for(let i=1; i<=10; i++){
    table += "<tr>"

    for(let j=1; j<=10; j++){
    table += "<td>" + j + "</td>"
    }

    table += "</tr>" 
}
table += "</table>"; 

document.write(table);

문제풀이

let table로 table을 선언해준 후 table border=1로 선언해 줍니다. 후에 table += "</table>"을 닫아준 후 실행문으로 (table)을 선언해줍니다. 그리고 중첩 for문을 이용하여 테이블 칸과 줄을 설정해줍니다. 중첩 for문은 i 에서 한번 갔다가 j에서 선언해준 값으로 쭉 간 후 다시 i로 +1씩 다시 증감됩니다. 따라서 테이블을 만들 때도 100칸을 만들어 준다면 i에서 변수를 1로 선언해주고 10까지 포함해주고 tabel =+ tr을 선언해 준후 그 tr사이 안에 td를 선언해 주어야 하는데 다시 for문을 사용해서 j로 변수를 1로 선언하고 10까지 포함해주고 j++증감 시켜주고 j의 값을 td사이에 더해주면 1이 찍힌 테이블이 완성됩니다.

 

 

07. 중첩 for문을 이용해서 구구단 만들기

for(let i=2; i<=9; i++){
    document.write(i + "단","<br>");    

for(let j=1; j<=9; j++){
    document.write(i + "*" + j + "=" + i*j);    
    document.write("<br>");
    }

document.write("<br><br>");
}

문제풀이

중첩 for문을 이용해서 구구단 문제를 풀어보았습니다. 먼저 for문 에서 i 변수 값을 선언해줍니다. 구구단은 2단부터 시작이므로 2로 선언해주고 9까지 있으므로 i는 9보다 크거나 같다라고 선언해줍니다. 그리고 i++로 1씩 증감시켜 줍니다. 그리고 중첩 for문으로 또다른 for문을 선언하는데 j로 변수 값을 1로 선언해준 후 9까지 선언해 줍니다 그리하면 처음에 i의 2의 값이 j의 1과 만나서 한번 나온 후 j로 다시 3으로 증감되어 9까지 쭉 반복 되어서 값들이 2단부터 9단까지 나올 수 있습니다.

 

 

08. 1에서 10까지 값을 더해서 구해주기

let num1 = 0;

        for(let i=1; i<=10; i++){
            num1 += i;     
        }
        document.write(num1);

문제풀이

num을 0으로 선언해주고 for문을 이용해서 i를 변수 1로 선언해주고 10까지 값을 i++ 1씩 증감 시켜준후 num1을 += i; i의 값을 계속 증감 시켜 준다면 1부터 10까지 더한 값이 출력됩니다.

 

 

 

08.테이블 1부터 50까지 출력후 숫자 1부터 50까지 넣어주기 

let table = "<table border ='1'>";
let num1 = 1;

    for(let i=1; i<=10; i++){
        table += "<tr>"
            for(let j=1; j<=5; j++){
                table += "<td>"+num1+"</td>";
                num1++;
            }
        table += "</tr>"
    }
    table += "</table>"
    document.write(table);

    document.write ("<br>")

문제풀이

6번 문제처럼 테이블을 만들어 줍니다. 그 후에 num1을 1로 선언해준후 num1++로 1씩 증감되게 하고 테이블 만들 때 j를 넣었던 자리에 num1을 넣어주면 1부터 50까지 숫자가 차례대로 테이블 안에 출력할 수 있습니다.