>웹 프론트엔드 >JS 튜토리얼 >JavaScript의 조건부 분기: `if`, `else` 및 `?`

JavaScript의 조건부 분기: `if`, `else` 및 `?`

DDD
DDD원래의
2024-09-19 06:18:031058검색

Conditional Branching in JavaScript: `if`, `else`, and `?`

이 블로그에서는 JavaScript의 조건부 분기의 세계를 탐구하겠습니다. if 문, else 절, else if 구문, 조건부(삼항) 연산자 ?를 살펴보겠습니다. 이 블로그를 마치면 JavaScript 프로그램의 흐름을 제어하는 ​​방법을 확실하게 이해하게 될 것입니다.

if 문

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

구문:

if (condition) {
  // code to execute if condition is true
}

예:

let age = 18;

if (age >= 18) {
  console.log("You are an adult.");
}

부울 변환

JavaScript에서는 모든 값을 부울로 변환할 수 있습니다. 다음 값은 거짓으로 간주됩니다.

  • 거짓
  • 0
  • "" (빈 문자열)
  • null
  • 정의되지 않음
  • NaN

다른 모든 값은 으로 간주됩니다.

예:

let value = 0;

if (value) {
  console.log("Value is true.");
} else {
  console.log("Value is false.");
}
// Output: Value is false.

else 절

else 절은 if 문의 조건이 false인 경우 코드 블록을 실행하는 데 사용됩니다.

구문:

if (condition) {
  // code to execute if condition is true
} else {
  // code to execute if condition is false
}

예:

let age = 15;

if (age >= 18) {
  console.log("You are an adult.");
} else {
  console.log("You are a minor.");
}

여러 조건: 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 score = 85;

if (score >= 90) {
  console.log("Grade: A");
} else if (score >= 80) {
  console.log("Grade: B");
} else if (score >= 70) {
  console.log("Grade: C");
} else {
  console.log("Grade: D");
}

조건 연산자?

조건부(삼항) 연산자 ?if-else 문의 약어입니다.

구문:

condition ? exprIfTrue : exprIfFalse;

예:

let age = 20;
let message = age >= 18 ? "You are an adult." : "You are a minor.";
console.log(message);

다중 ?

여러 조건 연산자를 연결하여 더 복잡한 조건을 처리할 수 있습니다.

예:

let score = 85;
let grade = score >= 90 ? "A" : score >= 80 ? "B" : score >= 70 ? "C" : "D";
console.log("Grade:", grade);

비전통적인 사용?

조건 연산자는 기본값 할당과 같은 비전통적인 방식으로 사용될 수도 있습니다.

예:

let userInput = "";
let result = userInput ? userInput : "Default Value";
console.log(result); // Output: Default Value

실제예

실제 예를 들어 모든 것을 정리해보자:

let temperature = 25;

if (temperature > 30) {
  console.log("It's hot outside!");
} else if (temperature > 20) {
  console.log("It's warm outside.");
} else if (temperature > 10) {
  console.log("It's cool outside.");
} else {
  console.log("It's cold outside.");
}

let weather = temperature > 30 ? "hot" : temperature > 20 ? "warm" : temperature > 10 ? "cool" : "cold";
console.log("The weather is:", weather);

결론

조건 분기는 다양한 조건에 따라 프로그램의 흐름을 제어할 수 있는 JavaScript의 기본 개념입니다. if, else, else if 및 조건 연산자 ?를 익히면 더욱 역동적이고 반응이 빠른 글을 작성할 수 있습니다. 암호. JavaScript의 조건부 분기에 대한 이해를 심화하려면 계속 연습하고 탐구하세요.

JavaScript에 대한 더 자세한 블로그를 기대해 주세요! 즐거운 코딩하세요!

위 내용은 JavaScript의 조건부 분기: `if`, `else` 및 `?`의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.