JavaScript

Chapter 2-13. 조건문(javascript)

Chansman 2025. 3. 31. 23:24

📌 조건문이란?

자바스크립트에서 조건문주어진 조건참/거짓 여부에 따라 실행할 동작을 제어하는 구문입니다. 이를 통해 프로그램의 흐름을 동적으로 변경할 수 있습니다.

예시:

  • 게임 캐릭터의 HP가 0이냐?
  • 지하철 요금을 낼 만큼 돈이 있냐?
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="x-ua-compatible" contect="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>비교 연산</title>    
</head>

<body>

    <h1></h1>
    <p></p>
    <script>

        const h1 = document.querySelector('h1')
        const p = document.querySelector('p')

        const isThere = confirm("제목 표시를 할까요?")

        if(isThere){

            h1.textContent = " 당신이 내야 할 버스 요금은?"
        }

        const age = parseInt(prompt("나이가 어떻게 되세요??"))
            
        if (age >= 20) {
            p.textContent = "1250원입니다.!"
        } else {
            p.textContent = "760원입니다다!!"
        }

        if (age >= 20) {
            p.textContent = "1250원입니다.!"
        } else if(age >= 8 ) {
            p.textContent = "760원입니다!!"
        } else{
            p.textContent = "무료입니다!!"
        }

</script>
</body>
</html>

🚦 조건문의 종류

  1. if문:
    1. 가장 기본적인 조건문으로, 조건이 참일 때 실행할 코드를 작성합니다.
let age = 18;
if (age < 20) {
    console.log("미성년자입니다");  // true일 경우 실행
}
  1. if-else문:
    • 조건이 참일 때 실행할 일과, 조건이 거짓일 때 실행할 일을 정의합니다.
let age = 18;
if (age < 20) {
    console.log("미성년자입니다");  // true일 경우 실행
} else {
    console.log("성인입니다");  // false일 경우 실행
}
  1. else if문:
    • 여러 조건을 비교할 때 유용하며, 여러 가지 조건을 순차적으로 비교합니다.
     
let age = 18;
if (age < 13) {
    console.log("어린이입니다");
} else if (age < 20) {
    console.log("미성년자입니다");
} else {
    console.log("성인입니다");
}

💡 조건문 활용 예시

  • if문을 사용하여 간단한 조건 검사를 할 수 있습니다.
  • if-else문을 사용하면 두 가지 조건에 따라 동작을 분기시킬 수 있습니다.
  • **else if**를 사용하여 다수의 조건순차적으로 검사하고 처리할 수 있습니다.

마무리

조건문을 사용하면 프로그램에서 조건에 맞는 동작을 제어할 수 있습니다. if, else, else if 구문을 적절하게 사용하여 다양한 상황에 맞는 동작을 실행할 수 있습니다. 이처럼 조건문은 자바스크립트에서 프로그램의 흐름을 제어하는 데 매우 중요한 역할을 합니다. ​