01. if문

가장 기본이 되고 중요한 조건문으로 특정조건이 참이면 실행한다.

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

02. if문 생략

if문을 생략해서 사용할 수 있다. 한 줄 이상이라면 생략이 불가능하다. 생략하여 코드를 작성하면 코드가 짧아지지만,
가독성이 떨어질 수 있으므로 주의해야 한다.

const num = 100;

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

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==100)

04. 중첩 if문

중첩 if문은 if문 안에 if문이 오는 구조입니다.

num = 100;

if( num == 100 )  {
    document.write ("실행되었습니다.(1)");
    if (num==100) {
        document.write ("실행되었습니다.(2)");
    } if( num==100) {
        if( num==100) {
            document.write ("실행되었습니다.(3)")    
}
    } else {
        document.write("실행되었습니다.(4)");
}
결과보기
실행되었습니다.(1)실행되었습니다.(2)실행되었습니다.(3)

05. 삼항 연산자

참/거짓에 따라 선택적으로 실행되는 조건문이다. if문에서 중괄호(블록문)은 소괄호로 대체하고, 세미콜론으로 문장을 구분하는 방식은 쉼표로 대체하면 된다.
(동작할 코드가 여러 개가 아니라면 소괄호는 생략해도 된다.)

const num = 100;

//num의 값이 100이면 ture 출력하고 아니면 false 출력하세요.

if(num == 100) {
    document.write("ture");
} else {
    document.write("false");
}

//if문 생략이 메모리적으로 좀 더 효율적이고 자주쓰인다.
(num == 100) ? document.write("true") : document.write("false");
결과보기
turetrue

06. switch문

해당 조건에 맞는 case를 구분해서 수행하는 제어문입니다.
자바스크립트 switch 조건문은 switch문과 case문으로 구성됩니다. switch()에 적힌 데이터와 case 뒤에 적힌 데이터를 서로 비교하여, 일치하면 실행, 일치하지 않으면 다음 case 문으로 넘어갑니다.

const num = 100;

switch( num ){
    case 100 : 
        document.write("실행되었습니다 (num==100")
        break;
    case 110 : 
        document.write("실행되었습니다 (num==110")
        break;
    case 120 : 
        document.write("실행되었습니다 (num==120")
        break;
    case 130 : 
        document.write("실행되었습니다 (num==130")
        break;
    default :
        document.write("실행되었습니다.(num == 값이 없음)")
}
결과보기

07. while문

while문은 조건문이 참일 때 실행되는 반복문이다.
조건은 문장안이 실행되기 전에 참, 거짓을 판단한다.
조건문이 참일 때만 while문 속의 문장들이 실행된다.
반복문 속에 여러개의 문장을 사용하고 싶다면 중괄호 { } 를 통해 문장들을 하나로 묶어야 한다.

let num = 1;

while( num <= 5 ){
    document.write("실행되었습니다.");
    num++;
}

//for문
for(let num=0; num < 5; num++ ){
    document.write("실행되었습니다1.");
}
결과보기
실행되었습니다.실행되었습니다.실행되었습니다.실행되었습니다.실행되었습니다. 실행되었습니다1.실행되었습니다1.실행되었습니다1.실행되었습니다1.실행되었습니다1.

08. do while문

테스트 조건이 거짓으로 평가될 때까지 지정된 구문을 실행하는 루프를 만듭니다.
단, 구문이 실행된 뒤에 테스트 조건이 평가됨으로 구문은 무조건 한 번은 실행됩니다.

{
let num = 1;

do {
    document.write("실행되었습니다2.");
    num++;
} while (num <= 5);
}
결과보기
실행되었습니다2.실행되었습니다2.실행되었습니다2.실행되었습니다2.실행되었습니다2.

09. for문

1.초기화 구문인 초기문이 존재한다면 초기문이 실행됩니다. 이 표현은 보통 1이나 반복문 카운터로 초기 설정이 됩니다. 그러나 복잡한 구문으로 표현 될 때도 있습니다. 또한 변수로 선언 되기도 합니다.
2.조건문은 조건을 검사합니다. 만약 조건문이 참이라면, 그 반복문은 실행됩니다. 만약 조건문이 거짓이라면, 그 for문은 종결됩니다. 만약 그 조건문이 생략된다면, 그 조건문은 참으로 추정됩니다.
3.문장이 실행됩니다. 많은 문장을 실행할 경우엔, { } 를 써서 문장들을 묶어 줍니다.
4.갱신 구문인 증감문이 존재한다면 실행되고 2번째 단계로 돌아갑니다.

for( let i=1; i<100; i++) {
    document.write(i+". 실행되었습니다.")
}

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

10. 중첩 for문

for문 안에 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문

조건에 맞게 함수를 끝내버린다.

for (let i = 1; i <= 20; i++) {
    document.write(i);
    if (i == 10) {
        break;  //10에서 끝난다.

    }
}
결과보기
12345678910

12. continue문

break와 다르게 함수를 계속 진행하지만 건너뛰고 진행한다.

for (let i = 1; i <= 20; i++) {
    if (i == 10) {
        continue; //10만 건너뛰고 진행한다
    }
    document.write(i);
}
결과보기
12345678911121314151617181920