Какой оператор сравнения использовать в JavaScript: == или ===?

Ключевое различие: приведение типов

Операторы == (нестрогое равенство) и === (строгое равенство) отличаются тем, что == приводит операнды к одному типу перед сравнением, а === — нет. Если типы различаются, === сразу возвращает false.

В вашем первом примере:

5 == "5"  // true, потому что строка "5" преобразуется в число 5
5 === "5" // false, потому что number !== string

Во втором примере:

false == 0 // true, false преобразуется в 0
false === 0 // false, разные типы

Правила приведения типов для ==

Когда вы используете ==, JavaScript следует сложным правилам:

• Число и строка: строка преобразуется в число ("5" → 5)
• Логическое значение и число: true → 1, false → 0
• null и undefined: равны друг другу (null == undefined → true), но не равны ничему другому
• Объект и примитив: объект преобразуется в примитив через valueOf() или toString()

Вот несколько наглядных примеров:

console.log(1 == true);      // true (true → 1)
console.log(0 == false);     // true (false → 0)
console.log("" == false);    // true ("" → 0, false → 0)
console.log(null == undefined); // true (специальное правило)
console.log(null == 0);      // false (null не приводится к 0)
console.log([] == false);    // true ([] → "" → 0, false → 0)
console.log([1] == 1);       // true ([1] → "1" → 1)

Почему === безопаснее?

Использование === — это лучшая практика, потому что:

• Код становится предсказуемым — вы точно знаете, что сравниваются значения одного типа
• Вы избегаете неожиданных ошибок, связанных с неявным приведением типов
• Большинство линтеров (ESLint) и руководств по стилю (Airbnb, Google) рекомендуют ===
• Код становится самодокументируемым — сразу видно, что вы осознанно сравниваете типы

Когда == может быть полезен?

Хотя === предпочтительнее, есть редкие случаи, когда == удобен:

• Проверка на null/undefined: if (value == null) — это сокращение для if (value === null || value === undefined)
• Работа с DOM: elem.value == 5 — когда значение из поля ввода всегда строка, а вы сравниваете с числом
• Обратная совместимость: в старом коде может использоваться ==

Практический совет

Всегда используйте === по умолчанию. Если вам нужно нестрогое сравнение, сначала подумайте, можно ли привести типы явно:

// Вместо:
if (userInput == 5) { ... }

// Лучше:
if (Number(userInput) === 5) { ... }

// Или ещё лучше — используйте строгую типизацию:
if (userInput === "5") { ... }

Исключение — проверка на null и undefined, где == null — это идиоматический и безопасный паттерн.

Резюме

• === — строгое равенство (проверяет тип и значение)
• == — нестрогое равенство (приводит типы)
• Используйте === в 99% случаев
• == допускается только для null/undefined или в очень специфических ситуациях

const age = Number(prompt("Сколько вам лет?"));
if (age === 18) { // Надёжно
  console.log("Ровно 18!");
}

console.log(Object.is(NaN, NaN)); // true
console.log(Object.is(-0, 0));    // false

if (obj.prop === undefined || obj.prop === null) { ... }
// Или с Optional Chaining:
if (obj?.prop === undefined) { ... }

function compare(a, b) {
  console.log(typeof a, typeof b);
  return a === b;
}