Mi az a valueAsNumber tulajdonság?

A valueAsNumber tulajdonság elérhető az HTML <input> elemeinél. Visszaadja a bemeneti mező értékének numerikus reprezentációját, ha a böngésző sikeresen értelmezte számként. Egyébként NaN-t ad vissza.

Ez a tulajdonság különösen hasznos a <input type="number">, <input type="range">, <input type="date"> és <input type="time"> típusoknál, mivel automatikusan kezeli a szöveges értékek átalakítását numerikus értékké vagy dátum/idő numerikus reprezentációjává.

Használati példa:

// Elem lekérése
const numberInput = document.getElementById('myNumberInput');

// Numerikus érték lekérése
const valueAsNumber = numberInput.valueAsNumber;

// Ellenőrzés, sikerült-e a konverzió
if (isNaN(valueAsNumber)) {
  console.log('Az érték nem szám.');
} else {
  console.log('Numerikus érték:', valueAsNumber);
}

Ha a bemeneti mező típusa date vagy time, akkor a valueAsNumber az epoch kezdete óta eltelt milliszekundumokat adja vissza (1970. január 1., 00:00:00 UTC-től számítva).

// Date típusú input elem lekérése
const dateInput = document.getElementById('myDateInput');

// timestamp milliszekundumban
const timestamp = dateInput.valueAsNumber;

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

// Átalakítás Date objektummá
const dateObject = new Date(timestamp);
console.log('Date objektum:', dateObject);

Fontos megjegyezni, hogy a valueAsNumber automatikusan figyelembe veszi a helyi beállításokat a számok és dátumok formázásában a parsolás során, így megkönnyítve a nemzetközi webalkalmazásokkal való munkát a manuális value elemzéshez képest.