> 웹 프론트엔드 > JS 튜토리얼 > JavaScript의 조건문 마스터하기: if, else 및 switch 설명

JavaScript의 조건문 마스터하기: if, else 및 switch 설명

Mary-Kate Olsen
풀어 주다: 2024-12-29 19:08:16
원래의
648명이 탐색했습니다.

Mastering Conditional Statements in JavaScript: if, else, and switch Explained

### JavaScript의 조건문(if, else, switch)

JavaScript의 조건문은 다양한 조건에 따라 다양한 작업을 수행하는 데 사용됩니다. 이는 프로그램의 실행 흐름을 제어하고 프로그램이 결정을 내릴 수 있도록 도와줍니다. 가장 일반적으로 사용되는 조건문은 if, else, switch입니다.


### 1. **if문**

if 문은 지정된 조건이 true인 경우 코드 블록을 실행하는 데 사용됩니다.

#### 구문:

if (condition) {
  // code to be executed if condition is true
}
로그인 후 복사

#### 예:

let age = 18;
if (age >= 18) {
  console.log("You are an adult.");
}
로그인 후 복사

출력: 당신은 성인입니다.


### 2. **if...else 문**

if...else 문을 사용하면 조건이 true인 경우 한 코드 블록을 실행하고 조건이 false인 경우 다른 코드 블록을 실행할 수 있습니다.

#### 구문:

if (condition) {
  // code to be executed if condition is true
} else {
  // code to be executed if condition is false
}
로그인 후 복사

#### 예:

let age = 16;
if (age >= 18) {
  console.log("You are an adult.");
} else {
  console.log("You are a minor.");
}
로그인 후 복사

출력: 귀하는 미성년자입니다.


### 3. **if...else if...else 문**

if...else if...else 문은 여러 조건을 확인해야 할 때 사용됩니다. 첫 번째 조건이 false이면 다음 조건 등을 확인합니다.

#### 구문:

if (condition1) {
  // code to be executed if condition1 is true
} else if (condition2) {
  // code to be executed if condition2 is true
} else {
  // code to be executed if no conditions are true
}
로그인 후 복사

#### 예:

let age = 20;
if (age < 18) {
  console.log("You are a minor.");
} else if (age >= 18 && age <= 65) {
  console.log("You are an adult.");
} else {
  console.log("You are a senior.");
}
로그인 후 복사

출력: 당신은 성인입니다.


### 4. **스위치문**

switch 문은 다양한 조건에 따라 다양한 작업을 수행하는 데 사용됩니다. 많은 if...else if 문을 사용하는 것보다 더 깔끔하고 읽기 쉬운 대안입니다.

통사론:

switch (expression) {
  case value1:
    // code to be executed if expression === value1
    break;
  case value2:
    // code to be executed if expression === value2
    break;
  // More cases can be added
  default:
    // code to be executed if no case matches
}
로그인 후 복사

#### 예:

let fruit = "apple";
switch (fruit) {
  case "apple":
    console.log("You selected an apple.");
    break;
  case "banana":
    console.log("You selected a banana.");
    break;
  case "orange":
    console.log("You selected an orange.");
    break;
  default:
    console.log("Unknown fruit.");
}
로그인 후 복사

출력: 사과를 선택했습니다.


### 5. **if...else 대 스위치 비교**

  • if...else는 더 유연하고 복잡한 조건(예: 논리 연산자 사용)을 허용합니다.
  • 스위치는 변수에서 여러 가능한 값을 확인할 때 더 효율적이고 읽기 쉽습니다.

### 결론

JavaScript의 조건문(if, else, switch)은 다양한 조건에 따라 실행 흐름을 제어하는 ​​데 필수적입니다. 기본 검사에는 if를 사용하고, 바이너리 선택에는 if...else를 사용하고, 여러 가능한 조건을 처리할 때는 전환합니다. 이러한 구조를 이해하면 깔끔하고 효율적인 코드를 작성하는 능력이 향상됩니다.

안녕하세요. 저는 Abhay Singh Kathayat입니다!
저는 프론트엔드와 백엔드 기술 모두에 대한 전문 지식을 갖춘 풀스택 개발자입니다. 저는 효율적이고 확장 가능하며 사용자 친화적인 애플리케이션을 구축하기 위해 다양한 프로그래밍 언어와 프레임워크를 사용하여 작업합니다.
제 비즈니스 이메일인 kaashshorts28@gmail.com으로 언제든지 연락주세요.

위 내용은 JavaScript의 조건문 마스터하기: if, else 및 switch 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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