😫 for문 주의사항

for문에서 선언한 let i 값에 따른 결과가 차이나는걸 주의해야해 !
let i 값이 0 일때와 1일때의 차이를 알아보자 

{
    let j = 0;
    let k = 0;
    for( let i = 0 ; i <= 100 ; i++){
        j++;
    }
    console.log(j);
    for( let i = 1 ; i <= 100 ; i++){
        k++;
    }
    console.log(k);
}
결과 확인하기
101
100

let i의 값에 따라 반복문의 횟수가 정해짐

임의의 변수로 원하는 횟수가 맞는지 확인하기 !

01. 데이터 이펙트 : 1부터 100까지 출력하기

for문을 이용하여 1-100까지 출력하는 예제

for( let i = 1 ; i <= 100 ; i++ ){
    console.log(i);
    //초기값 1 설정값 1씩 증가시켜서 100번 출력해
}
결과 확인하기
1
2
3
·
·
100

02. 데이터 이펙트 : 0부터 50까지 출력하기

for문을 이용하여 0-50까지 출력하는 예제

for( let i = 0 ; i <= 50 ; i++ ){
    console.log(i); 
    //초기값 0에 설정값 1씩 증가시켜서 51번 출력해
}
결과 확인하기
0
1
2
3
·
·
50

03. 데이터 이펙트 : 1부터 100까지 짝수 출력하기

for문을 이용하여 0-100까지 짝수 출력하는 예제

for( let i = 2 ; i <= 100 ; i += 2 ){
    console.log(i); 
    //초기값 2에 2씩 증가시켜서 50번 출력해!
}
결과 확인하기
2
4
6
·
·
100

04. 데이터 이펙트 : 0부터 100까지 5의배수 출력하기 1

for문을 이용하여 0-100까지 5의배수 출력하는 예제

for( let i = 0 ; i <= 100 ; i += 5 ){
    console.log(i); 
    //초기값 0에 설정값 5씩 증가시켜서 21번 출력해!
}
결과 확인하기
0
5
10
15
·
·
100

05. 데이터 이펙트 : 1부터 100까지 짝수(파란색) 홀수(빨간색) 7의배수(초록색) 출력하기

for문 & if문을 이용하여 0-100까지 원하는 데이터를 출력하는 예제

{
let seven = "";
let oddNum= "";
let evenNum="";
for(let i = 1 ; i <= 100 ; i++){
    for(let i = 1 ; i >= 100 ; i++){
        if( i%2 == 0 ){
            evenNum += i+" ";
        }else{
            oddNum += i+" ";
        }
        if( i%7 == 0 ){
            seven += i+ " ";
        }
    }
}
document.write("<span style='color:blue'>" +evenNum+"</span>");
document.write("<br>");
document.write("<span style='color:red' >"+oddNum+"</span>");
document.write("<br>");
document.write("<span style='color:yellow' >"+seven+"</span>");

}
결과 확인하기
2 4 6 8 10 12 14 16 18 20 22 24 26 28 30 32 34 36 38 40 42 44 46 48 50 52 54 56 58 60 62 64 66 68 70 72 74 76 78 80 82 84 86 88 90 92 94 96 98 100
1 3 5 7 9 11 13 15 17 19 21 23 25 27 29 31 33 35 37 39 41 43 45 47 49 51 53 55 57 59 61 63 65 67 69 71 73 75 77 79 81 83 85 87 89 91 93 95 97 99
7 14 21 28 35 42 49 56 63 70 77 84 91 98

06. 데이터 이펙트 : 1부터 100까지 합 구하기

임의의 변수 numTot06에 for문의 i 값 저장한다

{
    let numtot06 = 0;
        for(let i = 1 ; i <=100 ; i++){
            numtot06+= i;
        }
    document.write(numtot06);
}
결과 확인하기
5050

07. 데이터 이펙트 : for문을 이용해서 100칸 테이블 만들기

중첩 for문을 이용하여 table을 만들자

let table = "<table border='1'>";
        for( let i = 0 ; i <= 9 ; i++ ){
            table += "<tr>";
                for(let j=0;j<=9;j++){
                    table += "<td>" + (j+1) + "</td>"
                }
            table += "</tr>";
        }
        table += "</table>";
        document.write(table);
결과 확인하기
12345678910
12345678910
12345678910
12345678910
12345678910
12345678910
12345678910
12345678910
12345678910
12345678910

08. 데이터 이펙트 : 중첩 for문을 이용해서 구구단 만들기

중첩 for문을 이용하여 table안에 구구단을 만들자

let table = "<table border='1'>";
    for(let i = 2 ; i < = 9 ; i++){
            table += "<tr>";
            for(let j=1;j<=9;j++){
                if(j==1){
                    table += "<td>"+i+"단"+"</td>";
                }
                table += "<td>" + i + " x "+ ( j ) +" = "+ i * j +"</td>";
                }
            }
        table += "</tr>";
    table += "</table>";
    document.write(table);
결과 확인하기
2단2 x 1 = 22 x 2 = 42 x 3 = 62 x 4 = 82 x 5 = 102 x 6 = 122 x 7 = 142 x 8 = 162 x 9 = 18
3단3 x 1 = 33 x 2 = 63 x 3 = 93 x 4 = 123 x 5 = 153 x 6 = 183 x 7 = 213 x 8 = 243 x 9 = 27
4단4 x 1 = 44 x 2 = 84 x 3 = 124 x 4 = 164 x 5 = 204 x 6 = 244 x 7 = 284 x 8 = 324 x 9 = 36
5단5 x 1 = 55 x 2 = 105 x 3 = 155 x 4 = 205 x 5 = 255 x 6 = 305 x 7 = 355 x 8 = 405 x 9 = 45
6단6 x 1 = 66 x 2 = 126 x 3 = 186 x 4 = 246 x 5 = 306 x 6 = 366 x 7 = 426 x 8 = 486 x 9 = 54
7단7 x 1 = 77 x 2 = 147 x 3 = 217 x 4 = 287 x 5 = 357 x 6 = 427 x 7 = 497 x 8 = 567 x 9 = 63
8단8 x 1 = 88 x 2 = 168 x 3 = 248 x 4 = 328 x 5 = 408 x 6 = 488 x 7 = 568 x 8 = 648 x 9 = 72
9단9 x 1 = 99 x 2 = 189 x 3 = 279 x 4 = 369 x 5 = 459 x 6 = 549 x 7 = 639 x 8 = 729 x 9 = 81

09. 데이터 이펙트 : 테이블25칸(짝수 : 빨간색, 홀수 : 파란색)

중첩 for문을 이용하여 table안에 구구단을 만들자

let table = "<table border='1'>";
let numCount = 1;    
for(let k = 0 ; k<5 ; k++){
    table3 += "<tr>";
    for(let j = 0 ; j<5 ; j++){    
        if(numCount%2 == 0 ){
            table3 += `<td><span style='color:red'>${numCount}</span></td>`;  
        }else{
            table3+=`<td><span style='color:blue'>${numCount}</span></td>`;
        }
        numCount++;
    }
    table3 += "</tr>";
}      
table3 += "</table>";
document.write(table3);
결과 확인하기
12345
678910
1112131415
1617181920
2122232425

10. 데이터 이펙트 : 테이블25칸(3의 배수 5의 배수는 빨간색)

테이블안에 

let numCount=0;
    let table3 = "<table border='1'>";
    for(let k = 0 ; k<5 ; k++){
        table3 += "<tr>";
        for(let j = 0 ; j<5 ; j++){    
        if(numCount%5 == 0 ){
            table3 += `<td><span style='color:red'>${numCount}</span></td>`;  
        }else{
            table3 += `<td>${numCount}</td>`;  
        }
        numCount += 3;
        }
        table3 += "</tr>";
    }      
    table3 += "</table>";
    document.write(table3);
결과 확인하기
036912
1518212427
3033363942
4548515457
6063666972

11. 데이터 이펙트 : 배열 데이터에서 10보다 큰수찾기

배열의 예약어 length를 활용해서 배열안에 10보다 큰수를 찾아 반환하기

let arr = [1,21,3,41,5,61,7,8,9,10];
for(let i = 0 ; i <arr.length ; i++) {
    if(arr[i] >10)document.write(`arr[${i}] ${arr[i]} `);
}
결과 확인하기
arr[1] 21
arr[3] 41
arr[5] 61