Почему объект не равен числу при сравнении ==?

Когда в сравнении участвует объект, JavaScript сначала пытается превратить его в примитив.

Определение

Определение: ToPrimitive — алгоритм приведения объекта к примитивному значению перед операциями вроде ==.

Как проходит сравнение

При выражении:

obj == 1

JavaScript делает следующее:

1. Видит, что один операнд — объект.

2. Запускает приведение объекта к примитиву.

3. Сравнивает получившийся примитив с числом.

Пример

const obj = { value: 1 };

obj == 1; // false

Почему:

• obj.valueOf() → возвращает сам объект

• obj.toString() → "[object Object]"

• строка "[object Object]" не равна 1

Пример, где сравнение будет true

const obj = {
  valueOf() {
    return 1;
  }
};

obj == 1; // true

Почему это считается опасным

• поведение неочевидно

• легко получить баг в условиях

• код сложно читать и поддерживать

Практическая рекомендация

• избегать == при сравнении объектов

• использовать ===

• явно приводить типы при необходимости

Вывод: объект не равен числу при ==, потому что JavaScript сначала приводит объект к примитиву, и результат этого приведения чаще всего не совпадает с числом.