ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • #JavaScript Grammar_조건문(1)
    Javascript 2023. 10. 16. 18:59

    # 조건문(if, else if, else, swich)

    자바스크립트에서 조건문은 특정 조건을 만족하는 경우에 코드를 실행하기 위해 사용함. 

     

    1. if문

    if문은 주어진 조건이 참(true)일 때 코드를 실행하는 가장 기본적인 조건문임. 

    let x = 10;
    
    if (x > 0) {
        console.log("x는 양수입니다."); // 출력 결과: x는 양수입니다.
    }

    - 위 예시에서 변수 `x`가 0보다 큰 경우에 "x는 양수입니다." 메시지를 출력함. 이때 조건이 참이므로 코드는 실행됨. 

     

    +++추가 문제) y의 길이가 5보다 크거나 같으면 길이 console,log로 출력

    let y = "hello world";
    
    if (y.length >= 5) {
        console.log(y.length); // 출력 결과: 11
    }

    - 이 경우, 문자열 `y`의 길이가 5이상일 때 길이을 출력함. 따라서 "Hello world"의 길이는 11자이므로 11이 출력됨.


    2) if-else문

    if-else문은 주어진 조건이 참일 떄와 거짓일 때 각각 다른 코드를 실행함. 

    let x = -3;
    
    if (x > 0) {
        console.log("x는 양수입니다.");
    } else {
        console.log("x는 음수입니다."); // 출력 결과: x는 음수입니다.
    }

    - 위의 예시에서, 변수 `x`가 0보다 큰 경우 "x는 양수입니다."를 출력하고,그렇지 않은 경우 "x는 음수입니다."를 출력함.

    이때`x`는 음수이므로 두 번째 코드 블록이 실행됨.


    3)if-else if-else문

    if-else if-else문은 여러 개의 조건을 순차적으로 검사하여, 첫 번째로 참인 조건에 해당하는 코드 블록을 실행함. 

    let x = -1;
    
    if (x < 0) {
        console.log("1"); // 출력 결과: 1
    } else if (x >= 0 && x < 10) {
        console.log("2");
    } else {
        console.log("3");
    }

    - 위의 예시에서 변수 `x`의 값에 따라서 조건을 비교하며, 첫 번째 조건이 참이므로 "1"이 출력됨.


     2. switch문 

    switch문은 변수의 값에 따라 여러 가지 경우(case)중 하나를 선택하여 해당하는 코드를 실행함. 

    기본적으로, 변수의 값과 각 case의 값이 일치하는 경우 해당 case의 코드가 실행되며, 일치하는 case가 없으면 default 블록의 코드가 실행됨. 

    let fruit = "사과";
    
    switch (fruit) {
        case "사과":
            console.log("사과입니다."); // 출력 결과: 사과입니다.
            break;
        case "바나나":
            console.log("바나나입니다.");
            break;
        case "키위":
            console.log("키위입니다.");
            break;
        default:
            console.log("아무것도 아닙니다.");
            break;
    }

    위의 예시에서, 변수 fruit의 값이 "사과"와 일치하므로 "사과입니다."가 출력되며, 만약 변수 fruit가 위의 case 중 어떤 것과도 일치하지 않는 경우, default 블록의 코드가 실행됨. 

     

    'Javascript' 카테고리의 다른 글

    #JavaScript Grammar_객체  (1) 2023.10.16
    #JavaScript Grammar_조건문(2) 중첩  (1) 2023.10.16
    #JavaScript Grammar_스코프 및 화살표 함수  (0) 2023.10.16
    #JavaScript Grammar_함수  (0) 2023.10.16
    #JavaScript Grammar_연산자  (0) 2023.10.16
Designed by Tistory.