Mi az a valueAsNumber tulajdonság?

A valueAsNumber tulajdonság a bemeneti vagy opció elem értékét lebegőpontos számmá alakítja. Hasznos numerikus típusú bemeneti mezők (type="number", type="range") esetén vagy az opció elem value attribútumának numerikus értékének lekéréséhez.

// Numerikus érték lekérése szám típusú inputból
const inputNumber = document.getElementById('myNumberInput');
const numberValue = inputNumber.valueAsNumber;
console.log(typeof numberValue); // 'number' kiírása

// Numerikus érték lekérése az opcióból
const selectElement = document.getElementById('mySelect');
const selectedOption = selectElement.options[selectElement.selectedIndex];
const optionNumberValue = selectedOption.valueAsNumber;
console.log(typeof optionNumberValue); // 'number' kiírása

Ha az elemnek nincs numerikus értéke, a valueAsNumber NaN-t ad vissza. Ez előfordulhat nem numerikus típusú bemenetek vagy ha az érték nem konvertálható számmá.

Elem	Típus	Leírás
HTMLInputElement	number, range	A felhasználó által megadott numerikus érték visszaadása.
HTMLOptionElement	Bármilyen	A value attribútum numerikus értékének visszaadása.