Čo je vlastnosť valueAsNumber?

Vlastnosť valueAsNumber je dostupná na HTML prvkoch <input>. Vráti číselnú reprezentáciu hodnoty vstupného poľa, ak ju prehliadač dokázal analyzovať ako číslo. Inak vráti NaN.

Táto vlastnosť je obzvlášť užitočná pre typy <input type="number">, <input type="range">, <input type="date"> a <input type="time">, pretože automaticky spracováva konverziu reťazcovej hodnoty na číselnú hodnotu alebo číselnú reprezentáciu dátumu/času.

Príklad použitia:

// Získanie prvku input
const numberInput = document.getElementById('myNumberInput');

// Získanie číselnej hodnoty
const valueAsNumber = numberInput.valueAsNumber;

// Kontrola, či sa konverzia podarila
if (isNaN(valueAsNumber)) {
  console.log('Hodnota nie je číslo.');
} else {
  console.log('Číselná hodnota:', valueAsNumber);
}

Ak má vstupný prvok typ date alebo time, valueAsNumber vráti počet milisekúnd od začiatku epochy (1. január 1970, 00:00:00 UTC).

// Získanie prvku input typu date
const dateInput = document.getElementById('myDateInput');

// Získanie timestampu v milisekundách
const timestamp = dateInput.valueAsNumber;

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

// Prevod timestampu na objekt Date
const dateObject = new Date(timestamp);
console.log('Objekt Date:', dateObject);

Dôležité je poznamenať, že valueAsNumber automaticky zohľadňuje lokálne nastavenia formátovania čísel a dát pri parsovaní, čo uľahčuje prácu s medzinárodnými webovými aplikáciami v porovnaní s ručným parsovaním value.