JavaScript 조건문: 프로그램의 흐름을 제어하는 도구들

조건문: 프로그램의 흐름을 제어하는 도구들 🧭

안녕하세요! 이번에는 프로그래밍에서 매우 중요한 개념인 "조건문"에 대해 알아보고 활용하는 방법을 살펴보겠습니다. 조건문은 프로그램의 흐름을 제어하는 데에 사용되며, 특정 조건에 따라 다른 동작을 수행할 수 있습니다. 함께 배워볼까요? 🚀

1. if, else if, else: 여러 조건에 따라 다른 동작 수행하기

if문은 가장 기본적인 조건문으로, 특정 조건이 참일 경우에만 특정 코드 블록을 실행합니다. 아래 예제를 통해 if문의 사용법을 알아보겠습니다.

<script>
  let score = 80;
  
  if (score >= 90) {
    console.log("A 등급");
  } else if (score >= 80) {
    console.log("B 등급");
  } else {
    console.log("C 등급");
  }
</script>

위의 코드에서는 score 변수의 값에 따라 A, B, C 등급을 출력하는 예제입니다. 첫 번째 조건인 score >= 90이 참이 아니라면 다음 조건인 score >= 80을 확인하고, 모든 조건이 거짓이면 마지막으로 else 블록이 실행됩니다.

2. truthy와 falsy: 조건식에서의 참과 거짓

JavaScript에서는 조건식에서 true로 평가되는 값과 false로 평가되는 값이 있습니다. 이를 truthy와 falsy 값이라고 합니다. 아래 예제를 통해 이해해보겠습니다.

<script>
  let value1 = "Hello";
  let value2 = "";
  
  if (value1) {
    console.log("value1은 truthy");
  } else {
    console.log("value1은 falsy");
  }
  
  if (value2) {
    console.log("value2는 truthy");
  } else {
    console.log("value2는 falsy");
  }
</script>

위의 코드에서는 value1과 value2라는 변수를 사용하여 truthy와 falsy 값을 확인합니다. 값이 비어있지 않으면 truthy로 평가되고, 값이 비어있으면 falsy로 평가됩니다.

3. 엄격한 비교(===, !==): 값과 타입까지 비교하기

JavaScript에서는 비교 연산자인 ===와 !==를 사용하여 값과 타입까지 비교할 수 있습니다. 아래 예제를 통해 살펴보겠습니다.

<script>
  let num1 = 5;
  let num2 = "5";
  
  if (num1 === num2) {
    console.log("num1과 num2는 값과 타입이 일치합니다.");
  } else {
    console.log("num1과 num2는 값과 타입이 일치하지 않습니다.");
  }
</script>

위의 코드에서는 num1과 num2라는 변수를 사용하여 값을 비교합니다. === 연산자를 사용하면 값과 타입이 모두 일치해야 참으로 평가됩니다.

4. 논리 연산자를 (&&, ||, !) 활용하기

JavaScript에서는 논리 연산자를 사용하여 여러 조건을 결합할 수 있습니다. 주로 사용되는 논리 연산자는 &&(AND), ||(OR), !(NOT)입니다. 아래 예제를 통해 이해해보겠습니다.

<script>
  let x = 10;
  let y = 5;
  
  if (x > 5 && y > 3) {
    console.log("x는 5보다 크고 y는 3보다 큽니다.");
  }
  
  if (x > 10 || y > 10) {
    console.log("x는 10보다 크거나 y는 10보다 큽니다.");
  }
  
  if (!x) {
    console.log("x는 거짓입니다.");
  }
</script>

위의 코드에서는 x와 y라는 변수를 사용하여 논리 연산을 수행합니다. && 연산자는 둘 다 참일 때만 참으로 평가되고, || 연산자는 둘 중 하나만 참이면 참으로 평가됩니다. ! 연산자는 값을 부정합니다.

추가 자료

더 많은 정보를 원한다면 아래 링크를 참고해보세요.

• MDN 웹 문서: 제어 흐름과 오류 처리
• W3Schools JavaScript if...else Statement
• MDN 웹 문서: 비교 연산자
• W3Schools JavaScript Comparisons
• MDN 웹 문서: 논리 연산자
• W3Schools JavaScript Logical Operators

위의 내용을 바탕으로 조건문을 이해하고 활용하는 방법에 대해 알아보았습니다. 조건문은 프로그램의 흐름을 유연하게 제어하는 데에 매우 유용한 도구입니다. 다양한 상황에서 조건문을 적절히 활용하여 프로그램을 작성해보세요! 😊🎯