01.if문

가장 기본적인 조건문으로, 주어진 조건이 참일 경우에만 코드 블록을 실행합니다. 아래는 if문의 구조입니다.

{
    if(조건식){
        document.write("실행되었습니다.(ture)");
    }else {
        document.write("실행되었습니다.(flase)");
    }

    const x = prompt("당신이 좋아하는 숫자는 무엇입니까?"); 

        if(x == 100) {  //한 문장  if(조건){} // 참일시 실행 else{}//거짓일때 실행
            document.write("당신은 백점짜리 인간이네요.")
        } else if (x == 99) {
            document.write("x의 값은 99입니다.")  
        }else if (x == 98) {
            document.write("x의 값은 98입니다.")
        }else if (x == 97) {
            document.write("x의 값은 97입니다.")
        }else {
            document.write("x의 값을 잘 모르겠습니다.")
        } 
}
결과 확인하기
"당신은 백점짜리 인간이네요."
"x의 값은 99입니다."
"x의 값은 98입니다."
"x의 값은 97입니다."
"x의 값을 잘 모르겠습니다.."

false와 ture의 값

false : 0, null, undefined, false, ""(빈문자열) // ture : 1, 2, "0", "1", "ABC", [], {}, ture

02.if문 생략

기본 if문을 생략해서 쓸 수 있습니다.

{
    const num = 100; 

    if(num) {
        if(num) document.write("실행되었습니다.(ture)");
    }else {
        document.write("실행되었습니다.(false)");
    }

    if(num) document.write("실행되었습니다.(ture)");
    else document.write("실행되었습니다.(false)");
}
결과 확인하기
ture

03.삼항 연산자

?를 사용하여 결과를 불러낸다.

{    
    const num=100;

    if(num == 100) {
        document.write("ture");
    }else {
        document.write("false");
    }   //기본 형식 

    (num == 100) ? document.write("ture"):document.write("false");
    // 효율성이 더 좋다. 소스가 복잡해질 때 간단히 읽을 수 있었다.        
}
결과 확인하기
ture

04.다중 if (else if)

1개의 값을 여러 조건으로 체크해야 할 때 사용하는데 조건이 맞지 않을 경우를 고려해 else를 사용합니다.

{    
    const num = 100

    if(num == 90 ){
        document.write("실행되었습니다(num == 90)");
    }else if (num == 100) {
        document.write("실행되었습니다(num == 100)");
    }else if (num == 110) {
        document.write("실행되었습니다(num == 110)");
    }else if (num == 120) {
        document.write("실행되었습니다(num == 120)");
    }else {
        document.write("실행되었습니다");
    }            
    //"90" == 90 똑같음 
    //if(num === 90 ){}   //타입까지 확인하는 것 숫자인지 문자인지 함수인지 객체인지 배열인지
}
결과 확인하기

05. 중첩 if

if문 안에 중첩으로 여러 if문이 들어갈 수 있습니다.

{    
    const num = 100;

    if(num == 100) {
        document.write("실행되었습니다.(1)");
        if(num == 100) {
            document.write("실행되었습니다.(2)");
            if(num == 100) {
                document.write("실행되었습니다.(3)");
            }
        }            
    }else {
        document.write("실행되었습니다.(4)");
}
결과 확인하기
100일 경우 실행되었습니다(1),(2),(3)
100이 아닌 경우 실행되었습니다(4)

06. switch문

다중 if 문과 비슷한 형태인 swich문이다.

{    
    const num = 100;

    switch(num){
        case 90:
            document.write("실행90");
            break;
        case 80:
            document.write("실행80");
            break;
        case 70:
            document.write("실행70");
            break;
        case 60:
            document.write("실행60");
            break;
        case 50:
            document.write("실행50");
            break;                      //break문(중간에 끝내는 것)을 써야 무한에 빠지지 않는다. 빠지면 모든 케이스가 다 실행이 된다.
        default:
        document.write("0");
}        
결과 확인하기
0

07. while 문

for문과 비슷한 형태를 가지고 있다.

{    
    //기본 for문
    for(let i=0; i<5; i++){
        document.write(i);          
    }

    //while문
    let num = 0;                    //초기값

    while(num<5){                //조건문
        document.write(num);     
        num++;                      //실행이 한번에 되지 않는다            
    }
}
결과 확인하기
1,2,3,4,5

08. do while 문

do와 while를 이용한 문법입니다.

{    
    let num2 = 0;
    do{
        document.write(num2);
        num2++;
    }while (num2<5);    //실행이 한번에 된다 . 죽은문법
}
결과 확인하기
1,2,3,4,5

09. for문

for문을 사용하여 여러가지 문제를 풀어봤습니다.

{ 
    //1부터100까지 출력   
    for(let i=1; i<=100; i++){
        document.write()
    }

    const arr = [1,2,3,4,5,6,7,8,9,];

    //갯수 구하기
    for(let i=0; i<=arr.length; i++){
        document.write(arr[i]);
    }

    //짝수는 빨간색 홀수는 파란색
    for(let i=1; i<=arr.length; i++){
            if(i % 2 == 0){
            document.write("<span style='color:red'>"+i+"<span>");
        } else {
            document.write(`<span style='color:blue'>"+i+"</span>`);
            } 

    //1에서 9까지 합 구하기
    let unm = [1,2,3,4,5,6,7,8,9];
    let sum = 0;

    for(let i=0; i<=num.length; i++){
        document.write(num[i]);
        sum += i;
    }
    document.write(sum)               
}
결과 확인하기
1,2,3,4,5,6,7,8,9
1-9 짝수는 빨간색 홀수는 파란색
1~100
45

10. 중첩 for문

중첩 for문을 사용하한 문제를 풀이 입니다.

{    
    //1~100까지 구하기 

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

    //테이블 만들기

    let table = "<table border = '1'>";
    let count = 0;

        for(let i=0; i<5; i++){ 
            table += "<tr>"; 

            for(let j=0; j<5; j++){
                count++;

                if(count % 2 == 0) {
                    table += "<td style='color:red'>"+count+"</td>";
                }else {
                    table += "<td style='color:blue'>"+count+"</td>";
                }
            }
            table += "";    
        }
        table += "";
        document.write(table);

}
결과 확인하기
1~100
1부터 25까지 써있고 홀수는 레드 짝수는 파란색인 테이블

11. break문

break문에 지정된 숫자 앞에서 끊어 주니다.

{
    for(let i=1; i<=20; i++){
        if(i == 10){
            break;
        }
        document.write(i)   //10번전 까지 
    }
    document.write("<br>");
}
결과 확인하기
1,2,3,4,5,6,7,8,9

12. continue문

continue에 지정된 숫자를 빼고 나머지 값을 나타냅니다.

{
    for(let i=1; i<=20; i++){
        if(i == 10){
            continue;
        }
    }
    document.write(i)   //10을 없애고 나머지
}
결과 확인하기
1,2,3,4,5,6,7,8,9,11,12~~~20