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

作者：青柠时间：2026-10-26 09:45:55浏览：446

本文详细介绍 JavaScript 中的条件判断与比较运算。涵盖 if-else、switch 及三元运算符的使用场景，深入解析关系运算符（==、===、!=、!==）的类型转换差异。此外，还介绍了 Object.is()、JSON.stringify 及 lodash 等库进行深比较的方法，以及 instanceof 和 in 运算符在对象类型判断中的应用。

一、条件判断

在 JavaScript 中，主要有三种方式可以实现条件逻辑控制：

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 语句。适用于多分支选择场景，根据匹配特定条件执行对应的代码块。示例如下：

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、三元运算符 ( ? : )。当条件为真时返回一个值，否则返回另一个值，常用于简单的赋值或返回操作。示例如下：

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

虽然三元运算符与 if-else 语句在功能上等价，但三元运算符语法更为紧凑，适合处理逻辑简单的条件判断场景。

二、比较运算

1、关系运算符（>，<，>=，<=，==，!=，===，!==）。这些运算符用于比较两个操作数，并返回布尔值（true 或 false）。示例如下：

== 运算符在比较时会隐式进行类型转换。示例如下：

let a = 5;
let b = "5";
console.log(a == b); // true

=== 运算符不进行类型转换，严格比较值和数据类型是否完全一致。示例如下：

let a = 5;
let b = "5";
console.log(a === b); // false

!= 运算符在比较时会隐式进行类型转换，若值不相等则返回 true。示例如下：

let a = 5;
let b = "5";
console.log(a != b); // false

!== 运算符不进行类型转换，严格比较值和数据类型是否不同。示例如下：

let a = 5;
let b = "5";
console.log(a !== b); // true

通常推荐使用 === 和 !== 运算符，因为它们避免了隐式类型转换带来的潜在错误，使比较结果更可预测。

>，<，>=，<= 运算符用于比较数值或字符串的大小关系，若满足条件则返回 true。示例如下：

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

2、Object.is() 方法。该方法用于判断两个值是否相等，返回布尔值（true 或 false）。示例如下：

let c = 5;
let d = "5";
console.log(Object.is(c, d)); // false

需要注意的是，与 == 不同，Object.is() 不会进行数据类型转换，遵循更严格的相等性判断标准。

3、利用 JSON.stringify() 将数组或对象序列化为字符串，再通过关系运算符或 Object.is() 进行字符串比较。示例如下：

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

4、使用第三方库 lodash 的 isEqual() 方法。该方法支持深度比较两个数组或对象，返回布尔值（true 或 false）。示例如下：

let g = {a: 1, b: 2};
let h = {b: 2, a: 1};
console.log(_.isEqual(g, h)); // true

5、使用第三方库 Ramda 的 equals() 方法，其功能与 lodash 的 isEqual() 类似，用于深度比较。

注意：上述 JSON.stringify() 以及 lodash/Ramda 的深比较方法会递归遍历整个数组或对象的所有属性，确保深层结构的完全一致。

6、instanceof: 用于判断一个对象是否属于某个构造函数的实例。

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

7、in: 用于判断一个对象是否包含某个属性。

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

上述运算符的运算结果均为布尔值，可直接用于条件判断语句中。

注意：在使用 instanceof 和 in 时，需特别注意对象类型及作用域的影响，以确保判断准确。

至此，关于 JavaScript 条件判断与比较运算的介绍已完成。如需了解更多 JS 比较运算相关内容，建议查阅本站过往文章或继续阅读后续相关教程，感谢支持！

作者最新文章

ES6模块化中js文件怎么用import和export交互

2026-11-05 17:00:48

JS读取本地文件时报错或无响应的常见原因

2026-11-05 16:32:31

let、const与var的区别：JavaScript变量声明最佳实践

2026-11-05 14:16:38

JS中直接定义静态二维数组的字面量写法

2026-11-05 14:16:08

JS 怎么查找字符串中所有匹配项的位置

2026-11-05 14:15:53