JavaScript 相等判断常见错误解析及正确指南

2023-12-02 23:07:15

JavaScript 中的相等判断

JavaScript 中提供了两种相等判断运算符：严格相等 (===) 和松散相等 (==)。严格相等运算符比较两个值的类型和值是否相同，而松散相等运算符仅比较两个值的值是否相同。

常见错误

1. 使用松散相等运算符比较不同类型的值

console.log(1 == '1'); // true
console.log(1 === '1'); // false

在 JavaScript 中，松散相等运算符在比较不同类型的值时，会进行隐式类型转换。因此，在比较数字和字符串时，松散相等运算符会将数字隐式转换为字符串，从而导致判断结果为真。然而，严格相等运算符不进行隐式类型转换，因此比较不同类型的值时，严格相等运算符的判断结果始终为假。

2. 使用 == 比较 NaN

console.log(NaN == NaN); // false

NaN 是一个特殊的数值，它表示「非数值」。松散相等运算符在比较 NaN 时，会将 NaN 隐式转换为数字，从而导致判断结果为假。因此，比较 NaN 时应使用严格相等运算符。

3. 使用松散相等运算符比较布尔值和数字

console.log(true == 1); // true
console.log(true === 1); // false

在 JavaScript 中，布尔值和数字可以相互转换。松散相等运算符在比较布尔值和数字时，会将布尔值隐式转换为数字。因此，比较布尔值和数字时应使用严格相等运算符。

4. 忽略比较运算符的优先级

console.log(1 && 'a' == 2); // false
console.log(1 && 'a' === 2); // false

在 JavaScript 中，比较运算符的优先级较低，因此在进行相等判断时需要特别注意运算符的优先级。在上面的示例中，逻辑运算符 && 的优先级高于相等运算符 == 和 ===。因此，表达式 1 && 'a' == 2 将被解析为 (1 && 'a') == 2，而表达式 1 && 'a' === 2 将被解析为 1 && ('a' === 2)。因此，这两个表达式的判断结果都是 false。

正确指南

1. 使用严格相等运算符比较值

const a = 1;
const b = '1';

if (a === b) {
  console.log('a and b are equal');
} else {
  console.log('a and b are not equal');
}

在上面的示例中，使用严格相等运算符比较值，可以确保比较的结果准确。

2. 使用严格相等运算符比较 NaN

const a = NaN;
const b = NaN;

if (a === b) {
  console.log('a and b are equal');
} else {
  console.log('a and b are not equal');
}

在上面的示例中，使用严格相等运算符比较 NaN，可以确保比较的结果准确。

3. 使用严格相等运算符比较布尔值和数字

const a = true;
const b = 1;

if (a === b) {
  console.log('a and b are equal');
} else {
  console.log('a and b are not equal');
}

在上面的示例中，使用严格相等运算符比较布尔值和数字，可以确保比较的结果准确。

4. 考虑比较运算符的优先级

const a = 1;
const b = 'a';

if (1 && a == 2) {
  console.log('a and b are equal');
} else {
  console.log('a and b are not equal');
}

if (1 && a === 2) {
  console.log('a and b are equal');
} else {
  console.log('a and b are not equal');
}