掌握 JavaScript 比较：从基础到高级

酷婷小哥_3215

发布时间：2024-09-19 08:00:02

1239人浏览过

来源于dev.to

转载

掌握 javascript 比较：从基础到高级

在本博客中，我们将探讨 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 会在比较之前将它们转换为通用类型。

立即学习“Java免费学习笔记（深入）”；

示例：

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)