Какво е свойството valueAsNumber?

Свойството valueAsNumber е налично за HTML елементи <input>. Връща числовото представяне на стойността на полето за въвеждане, ако браузърът е успял да го анализира като число. В противен случай връща NaN.

Това свойство е особено полезно за типове <input type="number">, <input type="range">, <input type="date"> и <input type="time">, тъй като автоматично обработва преобразуването на низовата стойност в числова или числова стойност на дата/час.

Пример за използване:

// Получаване на елемента input
const numberInput = document.getElementById('myNumberInput');

// Получаване на числовата стойност
const valueAsNumber = numberInput.valueAsNumber;

// Проверка дали преобразуването е успешно
if (isNaN(valueAsNumber)) {
  console.log('Стойността не е число.');
} else {
  console.log('Числова стойност:', valueAsNumber);
}

Ако input-ът има тип date или time, valueAsNumber ще върне числото на милисекундите от началото на епохата (1 януари 1970 г., 00:00:00 UTC).

// Получаване на елемента input с тип date
const dateInput = document.getElementById('myDateInput');

// Получаване на timestamp в милисекунди
const timestamp = dateInput.valueAsNumber;

console.log('Timestamp:', timestamp);

// Преобразуване на timestamp в обект Date
const dateObject = new Date(timestamp);
console.log('Обект Date:', dateObject);

Важно е да се отбележи, че valueAsNumber автоматично взема предвид локалните настройки за форматиране на числата и датите при парсиране, което улеснява работата с интернационализирани уеб приложения в сравнение с ръчното парсиране на value.