ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript の論理演算子をマスターする:「||」、「&&」、「!」

JavaScript の論理演算子をマスターする:「||」、「&&」、「!」

Linda Hamilton
リリース: 2024-09-19 16:31:03
オリジナル
579 人が閲覧しました

Mastering Logical Operators in JavaScript: `||`, `&&`, and `!`

このブログでは、JavaScript の論理演算子、|| (OR)、&& (AND)、および! (違います)。これらの演算子は、複雑な条件を作成し、プログラムのフローを制御するために不可欠です。飛び込んでみましょう!

論理演算子 || (または)

|| 演算子は、最初に見つかった真の値を返します。すべての値が false の場合は、最後の値を返します。

構文:

result = value1 || value2 || value3;

ログイン後にコピー

例:

let a = false;
let b = null;
let c = "Hello";

let result = a || b || c;
console.log(result); // Output: "Hello"

ログイン後にコピー

説明:

  • afalse (偽)。
  • bnull (偽)です。
  • c「こんにちは」 (真実)。

|| 演算子は、最初の真の値、"Hello" を返します。

論理演算子 && (AND)

&& 演算子は、最初に検出した偽の値を返します。すべての値が真実であれば、最後の値を返します。

構文:

result = value1 && value2 && value3;

ログイン後にコピー

例:

let x = true;
let y = 10;
let z = 0;

let result = x && y && z;
console.log(result); // Output: 0

ログイン後にコピー

説明:

  • xtrue (真実)。
  • y10 (本当です)。
  • z0 (誤り)。

&& 演算子は、最初の偽の値、0 を返します。

論理演算子! (違います)

! 演算子は、オペランドの反対のブール値を返します。

構文:

result = !value;

ログイン後にコピー

例:

let isTrue = true;
let isFalse = !isTrue;

console.log(isFalse); // Output: false

ログイン後にコピー

説明:

  • は真ですです。
  • !isTrue は、false を返します。

実践的な例

実際の例をいくつか挙げてすべてをまとめてみましょう:

使用中|| デフォルト値の場合

function greet(name) {
  name = name || "Guest";
  console.log("Hello, " + name + "!");
}

greet("Alice"); // Output: Hello, Alice!
greet(); // Output: Hello, Guest!

ログイン後にコピー

説明:

  • name が指定されていない場合、|| 演算子はデフォルト値 "Guest" を割り当てます。

条件付き実行に && を使用する

let user = {
  name: "John",
  age: 25,
  isAdmin: true
};

if (user.isAdmin && user.age > 18) {
  console.log("Welcome, Admin!");
} else {
  console.log("Welcome, User!");
}

ログイン後にコピー

説明:

  • && 演算子は、両方の条件 (user.isAdminuser.age > 18) が true かどうかを確認します。

使用中! 否定の場合

let isLoggedIn = false;

if (!isLoggedIn) {
  console.log("Please log in.");
} else {
  console.log("Welcome back!");
}

ログイン後にコピー

説明:

  • ! 演算子は、isLoggedIn の値を否定します。 isLoggedInfalse の場合、!isLoggedIntrue です。

概要

  • || (OR): 最初の真の値を返すか、すべてが偽の場合は最後の値を返します。
  • && (AND): 最初の偽の値を返すか、すべてが正しい場合は最後の値を返します。
  • ! (NOT): オペランドの反対のブール値を返します。

結論

論理演算子は、複雑な条件を作成し、プログラムのフローを制御できる JavaScript の強力なツールです。 ||&&! をマスターすると、より動的で効率的なコードを作成できるようになります。練習と探索を続けて、JavaScript の論理演算子の理解を深めてください。

JavaScript に関するさらに詳しいブログにご期待ください!コーディングを楽しんでください!

以上がJavaScript の論理演算子をマスターする:「||」、「&&」、「!」の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:dev.to
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート