JavaScript 条件判断与比较运算详解

结果与目标

掌握 JavaScript 中条件分支的构建方法，理解不同比较运算符的行为差异，特别是类型转换对结果的影响，以便在实际开发中选择最合适的比较策略。

准备条件

确保运行环境支持 ECMAScript 标准。对于需要深度对象比较的场景，若不使用第三方库，需手动处理递归逻辑或使用 JSON.stringify()（需注意特定数据类型限制）。

真实操作顺序

第1步：使用 if-else 语句进行基础分支判断

目的：根据布尔表达式的真值执行不同的代码块。

动作：将条件包裹在括号中，分别编写符合和不满足条件的执行逻辑。

let a = 5;
if (a > 10) {
  console.log("a is greater than 10");
} else {
  console.log("a is not greater than 10");
}

第2步：使用 switch 语句处理多值匹配

目的：当变量可能等于多个离散值时，简化嵌套的 if-else 结构。

动作：指定表达式，列举 case 分支，每个分支后必须使用 break 防止穿透，最后设置 default 分支。

let b = "red";
switch (b) {
  case "red":
    console.log("The color is red");
    break;
  case "blue":
    console.log("The color is blue");
    break;
  default:
    console.log("The color is neither red nor blue");
}

第3步：使用三元运算符简化简单赋值

目的：在需要返回一个值的简单条件场景中，替代冗长的 if-else 赋值语句。

参数：条件 ? 真值 : 假值

let c = 5;
let d = (c > 10) ? "c is greater than 10" : "c is not greater than 10";
console.log(d);

完成判断与进阶比较

关系与相等性比较的选择

JavaScript 中的比较运算符分为弱类型比较和强类型比较，选择错误可能导致隐蔽的 Bug。

1. 弱类型比较 (== 和 !=)

会在比较前尝试自动转换数据类型。例如数字与字符串比较时，字符串会被转为数字。

let a = 5;
let b = "5";
console.log(a == b); // true，因为 "5" 被转换为 5
console.log(a != b); // false

2. 严格相等比较 (=== 和 !==) - 推荐

不进行类型转换，只有值和类型都相同时才返回 true。这是日常开发中最安全的选择。

let a = 5;
let b = "5";
console.log(a === b); // false，类型不同（Number vs String）
console.log(a !== b); // true

3. 对象大小比较

>, <, >=, <= 用于数值或可转换为数值的类型的比较。

let a = 5;
let b = 10;
console.log(a > b);   // false
console.log(a <= b);  // true

高级比较方法

1. Object.is() 方法

比 === 更严格的相等性检查，主要区别在于处理 NaN 和正负零。

console.log(Object.is(NaN, NaN));      // true，而 NaN === NaN 为 false
console.log(Object.is(+0, -0));        // false，而 +0 === -0 为 true

2. 深度对象/数组比较

由于引用类型的相等性比较仅比较内存地址，直接比较两个内容相同的对象会返回 false。以下方法可用于内容比较：

• JSON.stringify()：将对象序列化为字符串后比较。注意：它无法可靠比较包含 undefined、函数或循环引用的对象，且属性顺序变化可能影响结果。

let e = [1, 2, 3];
let f = [1, 2, 3];
console.log(JSON.stringify(e) === JSON.stringify(f)); // true

• 第三方库 isEqual：如 Lodash 的 _.isEqual() 或 Ramda 的 equals()，提供可靠的深度递归比较。

// 假设已引入 Lodash
let g = {a: 1, b: 2};
let h = {b: 2, a: 1};
console.log(_.isEqual(g, h)); // true

类型与属性判断

1. instanceof

检测实例原型链，判断对象是否为某构造函数的实例。

let obj = new Object();
console.log(obj instanceof Object); // true
console.log(obj instanceof Array);  // false

2. in 运算符

检查对象（或其原型链）中是否包含指定属性的键名。

let obj = {a:1,b:2};
console.log("a" in obj); // true
console.log("c" in obj); // false

简要总结

在日常 JavaScript 开发中，建议优先使用 === 和 !== 以避免意外的类型转换错误。对于简单的条件赋值，三元运算符能让代码更简洁；而对于复杂的业务逻辑或多路分支，if-else 和 switch 更具可读性。涉及复杂对象的数据比对时，务必使用 Object.is() 或成熟的第三方库进行深度比较，以确保逻辑的正确性。

以上就是 JavaScript 条件判断与比较运算的详细内容，更多关于 JavaScript 编程技巧的资料请关注本站其它相关文章！