Совет № 30 [valueAsNumber, valueAsDate]

Самый популярный способ получить / установить значение элемента ввода HTML - использовать свойство value. Однако при работе с элементами типа number или date вы можете использовать дополнительные свойства: valueAsNumber и valueAsDate соответственно.

valueAsNumber

Несмотря на то, что входной элемент содержит числовое значение, значение, возвращаемое методом доступа к значению, имеет строковый тип . Напротив, при использовании геттера valueAsNumber возвращаемый тип - число . В результате вам не нужно выполнять преобразование типов.

При установке значения ввода вам необходимо сначала преобразовать его в строку при использовании средства установки значения , тогда как вы можете напрямую присвоить числовое значение с помощью свойства valueAsNumber :

valueAsDate

Если вы обращаетесь к текущей дате с помощью метода доступа к значению , она будет строкового типа . Однако свойство valueAsDate позволяет мгновенно работать с экземпляром класса Date .

Для ввода даты требуется значение в заданном строгом формате, если вы устанавливаете его через установщик значений . К счастью, свойство valueAsDate позволяет напрямую назначать экземпляр Date без какого-либо преобразования:

Кроме того, вы также можете использовать свойство valueAsNumber.

Живой пример:

Если вам понравился совет, пожалуйста, поаплодируйте мне 👏