19 - 运算符 - 比较运算符 - 相等、全等及不等比较

前端 - Javascript 《运算符 - 比较运算符 - 相等、全等及不等比较》

在 JavaScript 的世界里，比较运算符就像是一群聪明的小法官，它们能帮助我们判断两个值之间的关系。今天，我们就来重点认识一下相等（==）、全等（===）以及它们对应的不等比较（!= 和 !==）运算符。

相等运算符（==）

相等运算符（==）就像是一个有点“随和”的法官。它在比较两个值时，会尝试进行类型转换，然后再比较它们的值是否相等。下面我们来看几个例子：

// 数字和字符串比较
console.log(5 == '5'); // true
// 布尔值和数字比较
console.log(true == 1); // true
// 布尔值和字符串比较
console.log(false == '0'); // true

在这些例子中，== 运算符会先将不同类型的值进行转换，然后再比较。比如，当比较数字和字符串时，它会把字符串转换成数字；比较布尔值和数字时，会把布尔值 true 转换为 1，false 转换为 0。

全等运算符（===）

全等运算符（===）则是一个非常“严格”的法官。它不仅要求两个值相等，还要求它们的类型也必须相同。我们还是通过例子来看看：

// 数字和字符串比较
console.log(5 === '5'); // false
// 数字和数字比较
console.log(5 === 5); // true
// 布尔值和布尔值比较
console.log(true === true); // true

可以看到，只要类型不同，即使值看起来一样，=== 也会判定为不相等。

不等运算符（!= 和 !==）

不等运算符是相等和全等运算符的“对立面”。!= 类似于 ==，会进行类型转换后判断是否不相等；!== 类似于 ===，要求类型和值都不同才判定为不相等。

// 不等运算符（!=）
console.log(5!= '5'); // false
// 不全等运算符（!==）
console.log(5!== '5'); // true

总结表格

实际应用场景

在实际编程中，我们应该根据具体需求选择合适的比较运算符。如果我们只关心值是否相等，不介意类型，可以使用 ==；但如果我们需要严格比较，确保类型和值都一致，那就应该使用 ===。

function checkAge(age) {
    if (age === 18) {
        console.log('你刚好 18 岁啦！');
    } else if (age == '18') {
        console.log('你输入的可能是字符串形式的 18 岁。');
    } else {
        console.log('你的年龄不是 18 岁。');
    }
}
checkAge(18); // 你刚好 18 岁啦！
checkAge('18'); // 你输入的可能是字符串形式的 18 岁。

通过这些例子，我们可以更清楚地看到相等、全等及不等比较运算符在 JavaScript 中的作用。希望大家在以后的编程中，能够灵活运用这些运算符，让我们的代码更加准确和健壮！