ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript の比較をマスターする: 基本から上級まで

JavaScript の比較をマスターする: 基本から上級まで

DDD
リリース: 2024-09-19 06:15:10
オリジナル
561 人が閲覧しました

Mastering JavaScript Comparisons: From Basics to Advanced

このブログでは、JavaScript の比較の複雑さを探っていきます。基本的な比較から、さまざまなデータ型の処理、厳密な等価性、null未定義 の特殊なケースまで、すべてを取り上げます。飛び込んでみましょう!

比較: ブール値が結果になります

JavaScript での比較は常にブール値、true または false を返します。

例:

let x = 5;
let y = 10;

console.log(x > y); // false
console.log(x < y); // true
console.log(x == y); // false
console.log(x != y); // true

ログイン後にコピー

文字列比較

文字列は、Unicode 値に基づいて辞書順 (辞書順) に比較されます。

例:

let str1 = "apple";
let str2 = "banana";

console.log(str1 < str2); // true
console.log(str1 > str2); // false
console.log(str1 == str2); // false

ログイン後にコピー

各種タイプの比較

異なる型の値を比較する場合、JavaScript は比較前に値を共通の型に変換します。

例:

let num = 10;
let str = "10";

console.log(num == str); // true (number 10 is converted to string "10")
console.log(num === str); // false (strict equality checks both value and type)

ログイン後にコピー

厳密な平等

厳密等価演算子 === は、オペランドの値と型の両方をチェックします。

例:

let num = 10;
let str = "10";

console.log(num === str); // false
console.log(num === 10); // true

ログイン後にコピー

null と未定義との比較

null未定義 を含む比較は難しい場合があります。

例:

let a = null;
let b = undefined;

console.log(a == b); // true (null == undefined)
console.log(a === b); // false (strict equality checks both value and type)

console.log(a == 0); // false (null is not equal to 0)
console.log(a === 0); // false (strict equality checks both value and type)

console.log(b == 0); // false (undefined is not equal to 0)
console.log(b === 0); // false (strict equality checks both value and type)

ログイン後にコピー

概要

  • 比較は常にブール値 (true または false) を返します。
  • 文字列比較 は、Unicode 値に基づいて辞書順に行われます。
  • 異なる型は、比較前に共通の型に変換されます。
  • 厳密な等価性 (===) は、値と型の両方をチェックします。
  • null と unknown には特定の比較ルールがあります。

実践例

実際の例を使ってすべてをまとめてみましょう:

let age = 25;
let name = "Alice";
let isStudent = true;

// Comparing numbers
console.log(age > 20); // true
console.log(age < 30); // true

// Comparing strings
console.log(name == "Alice"); // true
console.log(name > "Bob"); // false

// Comparing different types
console.log(age == "25"); // true (number 25 is converted to string "25")
console.log(age === "25"); // false (strict equality checks both value and type)

// Comparing with null and undefined
let user = null;
let userStatus = undefined;

console.log(user == userStatus); // true (null == undefined)
console.log(user === userStatus); // false (strict equality checks both value and type)

ログイン後にコピー

結論

JavaScript の比較を理解することは、堅牢でエラーのないコードを作成するために不可欠です。比較の微妙な違いをマスターすることで、さまざまなデータ型や特殊なケースをより適切に処理できるようになります。練習と探索を続けて、JavaScript の比較に関する知識を深めてください。

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

以上がJavaScript の比較をマスターする: 基本から上級までの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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