Почему получается NaN в JavaScript и как от него избавиться?

NaN = «Not a Number», особое значение-результат, когда математика не имеет смысла. Появляется, когда ты пытаешься считать с тем, что в число не превращается.

Главные источники:

1. Арифметика со строкой, которая не число:

Number('abc');      // NaN
'привет' * 2;       // NaN
parseInt('px');     // NaN

2. Значение из input не преобразовано:

const x = document.querySelector('#a').value; // строка, например '' (пусто)
console.log(x * 2); // NaN, если поле пустое или с буквами

3. Обращение к несуществующему полю в расчёте:

const obj = {};
console.log(obj.price * 2); // undefined * 2 = NaN

4. Деление/операции, типа 0/0 → NaN.

Как проверить: ВАЖНО — NaN === NaN это false (NaN не равен сам себе!). Поэтому обычное сравнение не работает. Используй Number.isNaN:

const n = Number('abc');
Number.isNaN(n); // true
n === NaN;       // false — НЕ так!

Как избавиться: подстрахуй преобразование дефолтом:

const x = Number(input.value) || 0;   // NaN → 0
const price = Number(obj.price) || 0;

|| 0 срабатывает, потому что NaN — ложное значение. Так расчёт не сломается, даже если данные пустые.