乐趣区

JavaScript比较运算符

jiezi

JavaScript 语言中有两种比较方式，转换类型比较运算符 == 和严格比较运算符 ===。其中严格比较运算符仅当两个操作数的类型相同且值相等时才为 true。而转换类型比较运算符 == 会在进行比较之前，将两个操作数转换成相同的类型，再来比较。

比较运算符常用语逻辑语句中，它主要是用语判定变量或者值是否相等。

相等运算符

相等运算符 == 会为两个不同类型的操作数转换类型，然后进行严格比较。

示例：
console.log(1 == 1);    // true
console.log(1 == 2);    // false
console.log(1 == true); // true
console.log(1 == '1');  // true

从上述代码中的 1 == '1'，输出结果为 true，就可以看出 == 相等运算符，在对两个操作数进行比较之前，会将两个操作数转换成相同的类型。

当使用比较运算符时，如果其中有布尔类型的操作数，值为 true 时会转换为 1，值为 false 时会转换为 0。

当两个操作数都是对象时，JavaScript 会比较其内部引用，当且仅当他们的引用指向内存中的相同对象时才相等，即他们在栈内存中的引用地址相同。

严格相等运算符

严格相等运算符 === 不会对操作数进行类型转换，只有当值相等并且类型也是相等时才会返回 true。

示例：
console.log(1 === 1);     // true
console.log(1 === 2);     // false
console.log(1 === true);  // false
console.log(1 === false); // false
console.log(1 === '1');   // false

从 a === c d 的比较结果可以看出，不同类型的值进行比较时，会返回 false。

不等运算符

不等运算符 ！= 只有当操作数不相等时才返回 true，如果两操作数不是同一类型，会将操作数转为同意类型再进行比较。

示例：
var a = 1;
var b = 2;
var c = '1';

console.log(a != 1);  // false
console.log(a != b);  // true
console.log(a != c);  // false

如果两操作数为对象类型，JavaScript 会比较其内部引用地址，仅当他们在内存中引用不同对象时不相等。

严格不等运算符

严格不等运算符 !== 当操作数不相等或不同类型时返回 true。

示例：
var a = 1;
var b = 2;
var c = '1';

console.log(a !== 1);  // false
console.log(a !== b);  // true
console.log(a !== c);  // true

大于运算符

大于运算符 >，只有当左操作数大于右操作数时才返回 true。

示例：
console.log(5 > 1);   // true
console.log(5 > 10);  // false
console.log(5 > '5'); // false

大于等于运算符

大于等于运算符 >=，只有当左操作数大于或者等于右操作数时才返回 true。

示例：
console.log(5 >= 1);   // true
console.log(5 >= 5);   // true
console.log(5 >= 10);  // false
console.log(5 >= '5'); // true

小于运算符

小于运算符 <，只有当左操作数小于右操作数时才返回 true。

示例：
console.log(5 < 1);   // false
console.log(5 < 5);   // false
console.log(5 < 10);  // true
console.log(5 < '5'); // false

小于等于运算符

小于运算符 <，只有当左操作数小于或者等于右操作数时才返回 true。

示例：
console.log(5 <= 1);   // false
console.log(5 <= 5);   // true
console.log(5 <= 10);  // true
console.log(5 <= '5'); // true

使用比较运算时的类型转换

当比较运算涉及类型转换时，JavaScript 会按以下规则对字符串、数字、布尔、对象等类型的操作数进行操作：

  • 当操作数有数字类型和字符串类型时，会将字符串转为数字值。
  • 当其中一个操作数为布尔型，布尔值为 true 则转换为 1，为 false 则转换为 0。
  • 如果一个对象与数字或字符串相比较，JavaScript 会尝试返回对象的默认值。操作符会尝试通过 valueOf 和 toString 方法将对象转换为其原始值。如果尝试转换失败，会产生一个运行时错误。

动手小练习

  1. 请分别用比较运算符和严格比较运算符，来比较 10 和 ’10’ 的值是否相等。
  2. 请说出下列代码的输出结果：
console.log(1 <= 3); 
console.log(true != 5);   
console.log('1' >= false);  
console.log(2 === '5');
console.log(5 == '5');
退出移动版