> 웹 프론트엔드 > JS 튜토리얼 > JavaScript 조건문: 코드에서 결정을 내리는 가이드

JavaScript 조건문: 코드에서 결정을 내리는 가이드

Barbara Streisand
풀어 주다: 2025-01-01 08:12:10
원래의
839명이 탐색했습니다.

의사결정은 JavaScript 프로그래밍의 필수적인 부분입니다. 조건문을 사용하면 지정된 조건에 따라 대체 작업을 수행할 수 있으므로 코드가 다양한 상황에 맞게 조정될 수 있습니다. 조건문은 게임 개발, 사용자 입력 처리, 데이터 흐름 규제 등 논리적 제어를 위한 유용한 도구입니다. 이 블로그에서는 다양한 형태의 JavaScript 조건문과 그 사용 방법을 살펴보겠습니다.

1️⃣ if 문

if 문은 명시된 조건이 true인 경우 코드를 실행합니다.
⭐ 구문:

if (condition) {
  // Code to execute if a condition is true
}
로그인 후 복사

?예:

let num = 0
if(num === 0){
    console.log('Number is zero') // Output: Number is zero
}
로그인 후 복사

2️⃣ if-else 문

if 문의 조건이 false인 경우 else 문은 대체 코드 블록을 제공합니다.
⭐ 구문:

if (condition) {
  // Code to execute if condition is true
} else {
  // Code to execute if condition is false
}
로그인 후 복사

?예:

let num = -10;
if(num > 0){
    console.log('Number is positive')
}else{
    console.log('Number is negative') // Output: Number is negative
}
로그인 후 복사

3️⃣ else if 문

else if 문을 사용하면 여러 조건을 순차적으로 확인할 수 있습니다.
⭐ 구문:

if (condition1) {
  // Code to execute if condition1 is true
} else if (condition2) {
  // Code to execute if condition2 is true
} else {
  // Code to execute if none of the conditions are true
}
로그인 후 복사

?예:

let num = 0;
if(num > 0){
    console.log('Number is positive') 
}else if (num <= 0){
    console.log('Number is negative') // Output: Number is negative
}else {
    console.log('Number is zero')
}
로그인 후 복사

4️⃣ 스위치 문

switch 문은 표현식을 검사하고 이를 여러 사례 조건과 비교합니다.
⭐ 구문:

switch (expression) {
  case value1:
    // Code to execute if expression matches value1
    break;
  case value2:
    // Code to execute if expression matches value2
    break;
  default:
    // Code to execute if no cases match
}
로그인 후 복사

?예:

const color = 'red'
switch(color){
    case 'red': 
        console.log("Color is red") // Output: Color is red
        break
    case 'blue': 
        console.log("Color is blue")
        break
    case 'green': 
        console.log("Color is green")
        break
    default:
        console.log("Not a valid color")
}
로그인 후 복사

5️⃣ 삼항 연산자

삼항 연산자는 if-else 문의 약어입니다.
⭐ 구문:

condition ? expressionIfTrue : expressionIfFalse;
로그인 후 복사

?예:

let num = 20
let result = num >= 0 ? "Number is positive" : "Number is negative";
console.log(result) // Output: Number is positive
로그인 후 복사

6️⃣ 중첩된 if-else 문

if 문을 다른 if 문 안에 중첩하여 복잡한 조건을 처리할 수 있습니다.
⭐ 구문:

if (condition1) {
  if (condition2) {
    // Code to execute if both condition1 and condition2 are true
  } else {
    // Code to execute if condition1 is true but condition2 is false
  }
} else {
  // Code to execute if condition1 is false
}
로그인 후 복사

?예:

let num = 20
let operation = "+";

if (num >= 0) {
  if (operation === "+") {
    console.log("Sum of number is " + (num + 100)); // Output: Sum of number is 120
  } else {
    console.log("Invalid choice");
  }
} else {
  console.log("Negative values not allowed");
}
로그인 후 복사

? 스위치 대 중첩된 If-Else 또는 else-if: 올바른 도구 선택
이제 여러 테스트 케이스를 확인하기 위한 한 가지 질문이 나옵니다. 스위치, 중첩된 if-else 또는 else-if 중 어떤 문을 사용해야 합니까? 모두 다양한 상황을 처리할 수 있게 해주었습니다. 그러나 특정 시나리오에는 적합했습니다.

  1. 스위치: 여러 고정 값을 단일 변수와 비교하는 데 가장 적합합니다. 따라서 단일 값을 직접 비교하는 데 사용하십시오.
  2. 중첩된 if-else 또는 else if: 조건이 복잡하거나 여러 변수나 표현식이 포함된 경우에 유용합니다. 따라서 여러 검사가 필요한 복잡한 조건이나 시나리오에 사용하세요. JavaScript Conditional Statements: A Guide to Making Decisions in Code

결론

조건문은 개발자가 대화형 및 동적 프로그램을 구축할 수 있도록 하는 JavaScript의 논리적 제어의 기초입니다. if 문의 단순성부터 삼항 연산자의 우아함에 이르기까지 이러한 구조를 알면 코딩 능력이 향상됩니다. 이러한 설명을 실험하여 프로젝트에 유연성과 의사 결정 능력을 어떻게 추가할 수 있는지 알아보세요.
조건문을 어떻게 사용했는지에 대한 멋진 예가 있나요? 아래 댓글에서 공유해 주세요! ?
즐거운 코딩하세요!✨

위 내용은 JavaScript 조건문: 코드에서 결정을 내리는 가이드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:dev.to
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿