valueAsNumber xüsusiyyəti nədir?

HTML elementləri <input> üzərində mövcud olan valueAsNumber xüsusiyyəti, giriş sahəsinin dəyərinin ədədi təqdimatını geri qaytarır, əgər brauzer onu ədəd kimi təhlil edə bilibsə. Əks halda, NaN qaytarır.

Bu xüsusiyyət xüsusilə <input type="number">, <input type="range">, <input type="date"> və <input type="time"> növləri üçün faydalıdır, çünki o, mətn dəyərinin ədədi dəyərə və ya tarix/zamanın ədədi təqdimatına avtomatik çevrilməsini idarə edir.

İstifadə nümunəsi:

// Element əldə et
const numberInput = document.getElementById('myNumberInput');

// ədədi dəyəri əldə et
const valueAsNumber = numberInput.valueAsNumber;

// çevirmənin uğurlu olub-olmadığını yoxla
if (isNaN(valueAsNumber)) {
  console.log('Dəyər ədəd deyil.');
} else {
  console.log('Ədədi dəyər:', valueAsNumber);
}

Əgər input date və ya time tipindədirsə, valueAsNumber epoch-in başlanğıcından (1 yanvar 1970, 00:00:00 UTC) etibarən millisekundlarda sayı geri qaytaracaq.

// date tipli input elementini əldə et
const dateInput = document.getElementById('myDateInput');

// timestamp-i millisekundlarda əldə et
const timestamp = dateInput.valueAsNumber;

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

// timestamp-i Date obyektinə çevir
const dateObject = new Date(timestamp);
console.log('Date obyekti:', dateObject);

Əhəmiyyətlidir ki, valueAsNumber parsinq zamanı ədədi və tarix formatlarının yerli tənzimləmələrini avtomatik nəzərə alır, bu da beynəlxalq veb tətbiqləri ilə işləməyi, value-nun əl ilə parsinqinə nisbətən asanlaşdırır.