Kas ir īpašība valueAsNumber?

Īpašība valueAsNumber ir pieejama HTML elementiem <input>. Tā atgriež ievades lauka vērtības skaitlisko pārstāvju, ja pārlūkprogramma spēj to parsēt kā skaitli. Pretējā gadījumā tā atgriež NaN.

Šī īpašība ir īpaši noderīga <input type="number">, <input type="range">, <input type="date"> un <input type="time"> tipu elementiem, jo tā automātiski apstrādā virknes vērtības pārvēršanu skaitliskā vai datuma/laika skaitliskā pārstāvī.

Piemērs lietošanai:

// Iegūstam input elementu
const numberInput = document.getElementById('myNumberInput');

// Iegūstam skaitlisko vērtību
const valueAsNumber = numberInput.valueAsNumber;

// Pārbaudām, vai pārvēršana uz skaitli ir veiksmīga
if (isNaN(valueAsNumber)) {
  console.log('Vērtība nav skaitlis.');
} else {
  console.log('Skaitliskā vērtība:', valueAsNumber);
}

Ja ievades lauks ir ar tipu date vai time, valueAsNumber atgriezīs skaitli — milisekundes kopš ēras sākuma (1970. gada 1. janvāris, 00:00:00 UTC).

// Iegūstam date tipa input elementu
const dateInput = document.getElementById('myDateInput');

// Iegūstam timestamp milisekundēs
const timestamp = dateInput.valueAsNumber;

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

// Pārvēršam timestamp uz Date objektu
const dateObject = new Date(timestamp);
console.log('Date objekts:', dateObject);

Svarīgi atzīmēt, ka valueAsNumber automātiski ņem vērā vietējās numuru un datumu formāta iestatījumus parsēšanā, kas atvieglo darbu ar starptautiskām tīmekļa lietojumprogrammām, salīdzinot ar manuālo value parsēšanu.