掌握 JavaScript 比較：從基礎到高級-js教程-PHP中文網

掌握 JavaScript 比較：從基礎到高級

DDD

發布： 2024-09-19 06:15:10

原創

544 人瀏覽過

Mastering JavaScript Comparisons: From Basics to Advanced

在本部落格中，我們將探討 JavaScript 比較的複雜性。我們將涵蓋從基本比較到處理不同資料類型、嚴格相等以及使用 null 和 undefined 的特殊情況的所有內容。讓我們潛入吧！

比較：布林值就是結果

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 和 undefined 的比較

涉及 null 和 undefined 的比較可能很棘手。

範例：

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 和 undefined 有特定的比較規則。

實際範例

讓我們用一個實際範例將所有內容放在一起：

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)

登入後複製