JavaScript の条件分岐:「if」、「else」、「?」-jsチュートリアル-php.cn

JavaScript の条件分岐:「if」、「else」、「?」

DDD

リリース： 2024-09-19 06:18:03

オリジナル

1004 人が閲覧しました

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 では、任意の値をブール値に変換できます。次の値は false とみなされます:

false
0
"" (空の文字列)
null
未定義
ナン

他の値はすべて true とみなされます。

例:

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 中国語 Web サイトの他の関連記事を参照してください。