Ի՞նչ է property valueAsNumber-ը։

HTML տարրերի <input> վրա հասանելի է valueAsNumber հատկությունը: Այն վերադարձնում է մուտքային դաշտի արժեքի թվային ներկայացումը, եթե բրաուզերը կարողացավ այն վերլուծել որպես թիվ: Հակառակ դեպքում, այն վերադարձնում է NaN:

Այս հատկությունը հատկապես օգտակար է <input type="number">, <input type="range">, <input type="date"> և <input type="time"> տեսակների համար, քանի որ այն ավտոմատ կերպով մշակում է տողային արժեքի փոխարկումը թվային արժեքի կամ թվային ներկայացման համար ամսաթիվ/ժամ:

Օգտագործման օրինակ:

// Էլեմենտը ստացեք
const numberInput = document.getElementById('myNumberInput');

// Թվային արժեքը ստացեք
const valueAsNumber = numberInput.valueAsNumber;

// Ստուգեք, արդյոք փոխարկումը հաջողվեց
if (isNaN(valueAsNumber)) {
  console.log('Արժեքը թիվ չէ։');
} else {
  console.log('Թվային արժեք:', valueAsNumber);
}

Եթե մուտքային տարրը ունի date կամ time տիպ, valueAsNumber կվերադարձնի միլիսեկունդների թիվը epoch-ի սկզբից (1970 թվականի հունվարի 1-ը, 00:00:00 UTC):

// `date` տիպի մուտքագրման տարր ստացեք
const dateInput = document.getElementById('myDateInput');

// Տրամադրվող ժամանակային նշան՝ միլիսեկունդներով
const timestamp = dateInput.valueAsNumber;

console.log('Ժամանակային նշան:', timestamp);

// Փոխարկել ժամանակային նշանը Date օբյեկտի
const dateObject = new Date(timestamp);
console.log('Date օբյեկտ:', dateObject);

Կարևոր է նշել, որ valueAsNumber ավտոմատ կերպով հաշվի է առնում տեղական կարգավորումները թվերի և ամսաթվերի ձևաչափման համար, ինչը հեշտացնում է միջազգային վեբ հավելվածների հետ աշխատանքը՝ համեմատած value-ի ձեռքով վերլուծության հետ: