Kas yra savybė valueAsNumber?

„valueAsNumber“ savybė yra prieinama HTML elementuose <input>. Ji grąžina įvesties lauko reikšmės skaitmeninį vaizdą, jei naršyklė sugebėjo ją išanalizuoti kaip skaičių. Kitu atveju ji grąžina NaN.

Ši savybė ypač naudinga <input type="number">, <input type="range">, <input type="date"> ir <input type="time"> tipams, nes ji automatiškai tvarko teksto reikšmės konvertavimą į skaitmeninę reikšmę arba skaitmeninį datos/laiko vaizdą.

Naudojimo pavyzdys:

// Elemento gavimas
const numberInput = document.getElementById('myNumberInput');

// Skaitmeninės reikšmės gavimas
const valueAsNumber = numberInput.valueAsNumber;

// Patikrinkite, ar konvertavimas pavyko
if (isNaN(valueAsNumber)) {
  console.log('Reikšmė nėra skaičius.');
} else {
  console.log('Skaitmeninė reikšmė:', valueAsNumber);
}

Jei įvesties tipas yra date arba time, valueAsNumber grąžins milisekundžių skaičių nuo epochos pradžios (1970 m. sausio 1 d., 00:00:00 UTC).

// Gauti įvesties elementą, kurio tipas yra date
const dateInput = document.getElementById('myDateInput');

// Gauti timestamp milisekundėmis
const timestamp = dateInput.valueAsNumber;

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

// Konvertuoti timestamp į Date objektą
const dateObject = new Date(timestamp);
console.log('Date objektas:', dateObject);

Svarbu pažymėti, kad valueAsNumber automatiškai atsižvelgia į vietinius skaičių ir datų formatavimo nustatymus, palengvindama darbą su tarptautinėmis interneto programėlėmis, palyginti su rankiniu value analizavimu.