Можно ли сравнить строку и число?

Можно ли сравнить строку и число в JavaScript?

Да, в JavaScript можно сравнить строку и число, но это неявное преобразование типов (type coercion), которое может приводить к неочевидным результатам и ошибкам. Механизм сравнения зависит от оператора.

Как работает сравнение строки и числа?

При сравнении с использованием операторов ==, !=, >, <, >=, <= JavaScript выполняет преобразование типов по правилу «ToNumber» для строки. То есть строка преобразуется в число, а затем сравнивается с числовым значением.

Примеры с оператором == (нестрогое равенство):

console.log("42" == 42); // true, строка "42" преобразуется в число 42
console.log("0" == 0);   // true
console.log("" == 0);    // true, пустая строка преобразуется в 0
console.log("Hello" == 0); // false, "Hello" → NaN, NaN != 0

Примеры с операторами <, >, <=, >=:

console.log("10" > 5);   // true, "10" → 10
console.log("5" < 10);   // true
console.log("abc" > 5);  // false, "abc" → NaN, сравнение NaN всегда false

Опасности неявного преобразования

Такое поведение может приводить к неожиданным багам:

console.log("  123  " == 123);  // true, пробелы игнорируются
console.log("123abc" == 123);   // false, "123abc" → NaN
console.log(null == 0);         // false, null не преобразуется в 0 при ==
console.log("0" == false);      // true, и false → 0, и "0" → 0

Рекомендации по безопасному сравнению

1. Используйте строгое равенство (=== и !==) – оно не выполняет преобразование типов:

   console.log("42" === 42); // false, разные типы
   console.log("0" === 0);   // false
   

2. Явно преобразуйте типы перед сравнением:

   // Преобразование строки в число
   const str = "123";
   const num = 123;
   console.log(Number(str) === num); // true
   console.log(+str === num);        // true, унарный плюс
   console.log(parseInt(str) === num); // true
   

3. Будьте осторожны с parseInt и parseFloat:

   console.log(parseInt("123abc")); // 123
   console.log(Number("123abc"));   // NaN
   

Особенности сравнения с NaN

Любое сравнение (==, ===, <, >) с NaN возвращает false, даже NaN === NaN. Для проверки на NaN используйте isNaN() или Number.isNaN():

console.log(Number.isNaN("abc"));   // false, строка не NaN
console.log(Number.isNaN(Number("abc"))); // true

Заключение

Хотя сравнение строки и числа возможно в JavaScript, оно основано на неявных преобразованиях, что считается антипаттерном в современной разработке. Основные правила:

• Всегда используйте строгое равенство (===/!==) во избежание ошибок.
• При необходимости сравнения разных типов явно преобразуйте их.
• Помните о специфике преобразований (пустая строка → 0, нечисловые строки → NaN).
• Учитывайте поведение NaN в сравнениях.

Такой подход делает код предсказуемым, избегает скрытых багов и соответствует принципам чистого кода.