>

01. if문

조건을 통해 '참'일 경우 값과 '거짓'일 경우의 값을 구분 가능합니다.

if(1>10){ // 조건에는 숫자 텍스트 배열 객체까지 모두 가능하다
    document.write("실행되었습니다(true).", "
"); // 맞으면 true 출력 } else { //아닐시 실행시킬것 document.write("실행되었습니다(false).", "
"); // 틀리면 false 출력 }
결과보기
실행되었습니다(true)

02. if문 생략

if문의 {}블록을 생략해 간단하게 나타낼 수 있습니다.

{
    const num=100;

    if(num) document.write("실행되었습니다(true).", "
"); else document.write("실행되었습니다(false).", "
"); }
결과보기
실행되었습니다(true)

03. 다중 if문

다중으로 if 를 적용해 여러가지의 조건 작성이 가능합니다.

{
    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("실행되었습니다(num==값이없음)");
    }
}
결과보기
실행되었습니다(num==90)

04. 중첩 if문

조건속의 조건을 만들수가 있는데, 예로 1조건 안에 2조건을 만들어
1조건 충족시 2조건을 실행시키고 충족시 1과 2조건을 모두 실행시킵니다.

{
    const num = 100; // 상수 num에 100 지정
    
    if(num == 100){ // num이 100과 같으면
        document.write("실행되었습니다.(1)"); // 실행되었습니다.(1) 출력
        if(num==100){ // num이 100과 같으면
            document.write("실행되었습니다.(2)") // 실행되었습니다.(2) 출력
            if(num==100){ // num이 100과 같으면
                document.write("실행되었습니다.(3)") // 실행되었습니다.(3) 출력
            }
        }
    }else{ // 틀릴시
        document.write("실행되었습니다.(4)"); // 실행되었습니다.(5) 출력
    }
}
결과보기
실행되었습니다(num==100)
실행되었습니다(num==100)
실행되었습니다(num==100)

05. 삼항 연산자

조건식을 간단하게 만들 수 있습니다.

{
    const num = 100;
    //num의 값이 100이면 true를 출력하고 아니면 false를 출력하세요
    
    (num==100) ? document.write("true") : document.write("false"); //조건부 연산자 두번째 방법 (효율성 가장 좋음)
}
결과보기
true

06. 삼항 연산자

스위치를 통해 각 경우의 조건을 정해서 만족시 해당 조건을 실행 시킬 수 있습니다.

{
const num = 100;
    
switch(num){
    case 100: //100일 경우에
        document.write("실행되었습니다.(num==100)"); //실행되었습니다. (num==100) 출력
        break; //빠져나오기
    case 110:
        document.write("실행되었습니다.(num==110)"); //실행되었습니다. (num==110) 출력
        break; //빠져나오기
    case 120:
        document.write("실행되었습니다.(num==120)"); //실행되었습니다. (num==120) 출력
        break; //빠져나오기
    case 130:
        document.write("실행되었습니다.(num==130)"); //실행되었습니다. (num==130) 출력
        break; //빠져나오기
    default :
        document.write("실행되었습니다.(num==값이 없음)"); //실행되었습니다. (num==값이 없음) 출력
}
결과보기
실행되었습니다.(num==100)

07. while문

조건이 만족할 동안 계속해서 실행시킵니다.

{
    let num = 1;
    
    while(num <= 5){ //조건을 먼저 실행
        document.write("실행되었습니다.");
        num++;
    }
}
결과보기
실행되었습니다.
실행되었습니다.
실행되었습니다.
실행되었습니다.
실행되었습니다.

08. do while문

실행문을 먼저 실행시키고 조건을 검사합니다.

{
    let num = 1;
    
    do{ //얘를 먼저 실행
        document.write("실행되었습니다.");
        num++;
    } while (num <=5);
}
결과보기
실행되었습니다.
실행되었습니다.
실행되었습니다.
실행되었습니다.
실행되었습니다.

09. for문

조건을 만족할때까지 증가값을 걸어두어 반복시킵니다.

{
    let num = [1,2,3,4,5,6,7,8,9];

    for(let i=0; i<num.length; i++){
        document.write(num[i] + ".실행되었습니다.")
    }
}
결과보기
1.실행되었습니다.
2.실행되었습니다.
3.실행되었습니다.
4.실행되었습니다.
5.실행되었습니다.
6.실행되었습니다.
7.실행되었습니다.
8.실행되었습니다.
9.실행되었습니다.

10. 중첩 for문

반복문 안에 반복문을 생성 가능합니다.

{
    for(let i = 1; i <= 2; i++) {
        document.write(i + "실행");
        for(let j = 1; j <= 5; j++) {
            document.write(j + "실행");
        }
    }
}
결과보기
1실행
1실행
2실행
3실행
4실행
5실행
2실행
1실행
2실행
3실행
4실행
5실행

11. break문

break는 멈추는 뜻 그 자체로 함수 작성시 포함하게 되면
예를들어 조건에 충족해 break를 만나게 되면 조건 계산식에서 빠져나옵니다.

{
    for(let i=1; i<=20; i++){ //i의 값을 20까지 1씩 증가시키며
        document.write(i+"<br>") //i의 값을 출력하는데
        if(i===10){ //만약 i의 값이 10과 완전히  같으면
            break; //멈춘다
            //continue; //10을 생략하고 넘어간다
        }
    }
}
결과보기
12345678910 (break로 인해 이후 계산중지)

12. continue문

continue는 계속하다라는 뜻 그 자체로 함수 작성시 포함하게 되면
예를들어 조건에 충족해 continue를 만나게 되면 해당 조건을 충족한 값은 건너뛰고 다음 조건 검사를 실행합니다.

{
    for(let i=1; i<=20; i++){ //i의 값을 20까지 1씩 증가시키며
        if(i==10){ //만약 i의 값이 10과 완전히  같으면
            continue; //10에 해당하면 다시 돌아가 11부터 다시 셈한다.
        }
        document.write(i+"<br>") //i의 값을 출력하는데
    }
}
결과보기
123456789 (10생략)
11121314151617181920