javascript

01. if문

if문은 프로그래밍에서 조건을 검사하여 특정 코드 블록을 실행할지 여부를 결정하는 데 사용되는 제어 구조입니다. if문은 조건식이 참(True)인 경우에만 지정된 코드 블록을 실행하고, 조건식이 거짓(False)인 경우에는 실행하지 않습니다. 조건에 따라 프로그램의 흐름을 제어하고 조건에 따라 다른 동작을 수행하는 데 유용합니다.

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

if문의 기본문법은 if(조건식){조건식이 참일때 실행할 코드}; 입니다.
true와 false이 되는 조건은 아래와 같습니다.(true의 경우에는 false 다섯가지를 제외하고 나머지가 true입니다.)
true : true, "문자열", 1, 2, "1", "2", [], {}
false : false, 0, null, undefined, ""(빈문자열)

02. 다중 if문

다중 if문은 여러 개의 조건을 순차적으로 검사하고, 각 조건에 해당하는 경우에 다른 동작을 수행할 때 사용하는 제어 구조입니다. 이러한 다중 if문을 사용하면 프로그램이 여러 가지 상황에 대처할 수 있습니다.

{
    const num = 100;

    if(num == 90){
        document.write("실행되었습니다.(num = 90)");
    } else if(num == 95){
        document.write("실행되었습니다.(num = 95)");
    } else if(num == 100){
        document.write("실행되었습니다.(num = 100)");
    } else if(num == 105){
        document.write("실행되었습니다.(num = 105)");
    } else {
        document.write("실행되었습니다.");
    }
}

다중 if문의 기본문법은 아래와 같습니다.
if (조건1) {
조건1이 참일 때 실행할 코드
} else if (조건2) {
조건2가 참일 때 실행할 코드
} else if (조건3) {
조건3이 참일 때 실행할 코드
} else {
모든 조건이 거짓일 때 실행할 코드
}
다중 if문은 위에서 아래로 순차적으로 조건을 검사하며, 첫 번째로 참인 조건을 만나면 해당 코드 블록을 실행하고 다음 조건을 검사하지 않습니다. 만약 모든 조건이 거짓이면 else 블록 내의 코드가 실행됩니다.

03. 중첩 if문

중첩 if문은 if문 안에 다른 if문을 포함하는 제어 구조를 의미합니다. 이것은 복잡한 조건 논리를 다루거나, 여러 가지 조건을 동시에 검사해야 하는 상황에서 유용합니다. 중첩 if문은 조건문을 계층적으로 구성하여 프로그램의 흐름을 더 세밀하게 제어할 수 있도록 합니다.

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

중첩 if문의 기본 구조는 아래와 같습니다.
if (외부 조건) {
// 외부 조건이 참일 때 실행할 코드

if (내부 조건) {
// 내부 조건이 참일 때 실행할 코드
} else {
// 내부 조건이 거짓일 때 실행할 코드
}

} else {
// 외부 조건이 거짓일 때 실행할 코드
}
중첩 if문에서는 외부 조건을 먼저 검사하고, 외부 조건이 참이면 내부 if문을 검사합니다. 내부 if문은 외부 if문의 조건에 따라 실행되거나 실행되지 않을 수 있습니다.

04. if문 생략 & 삼항 연산자

if 생략은 코드 블록이 한줄인 경우 {}(중괄호)를 생략할 수 있습니다.
삼항 연산자는 조건을 검사하고 조건이 참이면 첫 번째 표현식을 실행하고, 조건이 거짓이면 두 번째 표현식을 실행합니다.

{
    const num = 100;

    if(num == 100){
        document.write("실행되었습니다.(true)
");
    }

    // {} 생략
    if(num == 100) document.write("실행되었습니다.(true)
");

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

    // {} 생략
    if(num == 100) document.write("실행되었습니다.(true)
");
    else document.write("실행되었습니다.(false)
");

    // 삼항 연산자(조건 연산자) 기본 문법 (조건식) ? 출력문 : 출력문 -> 가장 많이 사용됨

    (num == 100) ? document.write("true") : document.write("false")
}

if문은 코드 블록인 한줄인 경우 {}을 생략할 수 있습니다. 예를 들면 if(num == 100) document.write("실행되었습니다.(true)
"); 입니다.
if-else문도 마찬가지로 {}를 생략할 수 있습니다 하지만 else은 생략이 불가합니다. 예를 들면 if(num == 100){document.write("실행되었습니다.(true)
");} else { document.write("실행되었습니다.(false)
");} 입니다. if문을 삼항 연산자로 표현할 수 있습니다. 기본문법으로는 조건 ? 참일 때출력문 : 거짓일 때 출력문; 입니다.
삼항 연산자는 조건을 검사하고 조건이 참이면 첫 번째 표현식을 실행하고, 조건이 거짓이면 두 번째 표현식을 실행합니다.

05. switch문

switch 문은 JavaScript와 다른 프로그래밍 언어에서 사용되는 제어 구조 중 하나로, 특정 표현식의 값을 검사하고 그 값에 따라 여러 가지 경우(case) 중 하나를 선택하여 실행하는데 사용됩니다.

{
    const num = 100;
    switch(num){
        case 90:
            document.write("실행되었습니다.(90)");
            break;
        case 95:
            document.write("실행되었습니다.(95)");
            break;
        case 100:
            document.write("실행되었습니다.(100)");
            break;
        case 105:
            document.write("실행되었습니다.(105)");
            break;
        default:
            document.write("실행되었습니다.");
    }
}

switch문dml 기본 문법은 아래와 같습니다.
switch (표현식) {
case 값1:
표현식이 값1과 일치하는 경우 실행할 코드
break;
case 값2:
표현식이 값2와 일치하는 경우 실행할 코드
break;
default:
표현식이 어떤 case에도 일치하지 않는 경우 실행할 코드
}
case은 비교될 값을 정의합니다. case 값과 표현식의 값이 일치하게 되면 해당 case의 코드 블록이 실행됩니다.
break은 실행을 중단하고 다음 코드로 넘어가지 않도록합니다. 만약 break가 없을 경우 일치하는 case이후의 모든 코드 실행됩니다
default는 어떤 case에도 일치 하지 않을 때 실행될 코드입니다.
switch 문은 여러 가지 경우를 처리하거나 다양한 선택지에 따라 다른 동작을 수행할 때 유용한 제어 구조입니다.

06. while문

while 문은 JavaScript와 다른 프로그래밍 언어에서 사용되는 반복 제어 구조입니다. while 문은 주어진 조건이 참(True)인 동안 특정 코드 블록을 반복해서 실행합니다. 조건이 거짓(False)이 되면 반복이 종료됩니다.

{
    let num = 1;
    while(num<=10){
        document.write(num);
        num++;
    }
}

while문의 기본 구조는 while (조건) {조건이 참일때 실행할 코드}; 입니다.
while 문을 사용할 때 주의해야 할 중요한 점은 조건을 평가한 후에 참 또는 거짓을 판단하고, 조건이 참일 때 코드 블록을 실행하며 다시 조건을 평가합니다. 이것은 조건이 거짓이 될 때까지 반복됩니다.

07. do while문

do...while 문은 JavaScript와 다른 프로그래밍 언어에서 사용되는 반복 제어 구조입니다.

{
    let num = 1;
    do{
        document.write(num);
        num++;
     } while(num<=10);
}

do while문의 기본 구조는 do { 루프 블록 실행} while (조건); 입니다
do while문을 사용할 때 루프 블록은 최소한 한 번은 실행되며, 그 다음에 조건을 검사하여 조건이 참(True)인 경우에는 계속해서 반복됩니다. 조건이 거짓(False)이 되면 루프가 종료됩니다.
do while문은 처음부터 조건이 거짓이 나와도 한 번은 실행됩니다.

08. for문

for문을 이용하여 데이터를 출력 할 수 있습니다.

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

for문의 기본문법은 for(초기값; 조건식; 증감값) 입니다.
for문은 특정 조건이 참(True)인 동안 코드 블록을 반복해서 실행하는 데 사용됩니다.
for 문은 초기화, 조건 검사, 반복 후 작업을 순차적으로 수행하며, 반복 횟수나 조건을 명확하게 제어할 수 있습니다.

09. break문

break문은 JavaScript와 다른 프로그래밍 언어에서 사용되는 제어문입니다. 주로 반복문(for, while, do while) 또는 switch문 내에서 사용됩니다. break 문은 반복문이나 switch 문을 빠져나가고, 현재의 루프나 스위치 블록을 종료하는데 사용됩니다.

{
    for(let i=1; i<10; i++){
        if( i == 5){
            break;
        }
        document.write(i); //1234
    }
}

break문은 크게 두가지의 경우에 사용됩니다.
1. 반복문에서 특정 조건 만족 시 종료 : break 문은 반복문 내에서 특정 조건이 만족될 때 루프를 종료할 때 사용됩니다.
2. switch 문에서 특정 case 실행 후 종료 : break 문은 switch 문에서 특정 case가 실행된 후 스위치 블록을 종료할 때 사용됩니다. break를 사용하지 않으면 case 이후의 모든 코드가 실행됩니다.

10. continue문

continue 문은 JavaScript와 다른 프로그래밍 언어에서 사용되는 제어문 중 하나로, 반복문 (for, while, do while) 내에서 사용됩니다. continue 문은 현재의 반복을 중단하고 다음 반복 단계로 건너뛰는데 사용됩니다.

{
    for(let i=1; i<10; i++){
        if( i == 5){
            continue;
        }
        document.write(i);  //12346789
    }
}

continue문은 크게 두가지의 경우에 사용됩니다.
1.반복문 내에서 특정 조건을 만족하는 경우 현재 반복 건너뛰기 : continue 문을 사용하여 특정 조건을 만족하는 경우 현재 반복 단계를 중단하고 다음 반복 단계로 이동할 수 있습니다.
2.조건에 따라 특정 반복 단계 생략: continue 문을 사용하여 특정 조건을 만족하는 경우 특정 반복 단계를 생략할 수 있습니다.

!! break문과 continue문의 차이점 !!
1. break - 반복문이나 스위치 블록을 완전히 종료하고 빠져나가며, 반복문 또는 스위치 블록 이후의 코드를 실행합니다.
2. continue - 현재 반복 작업을 건너뛰고 다음 반복으로 이동하며, 반복문은 계속 진행됩니다.