Entrada valueAsNumber

De vez em quando, aprendo sobre uma propriedade JavaScript que gostaria de ter conhecido anos antes. valueAsNumber é uma delas. O valueAsNumber fornece o valor de um input[type=number] como um tipo Number, em vez da representação tradicional de string quando o senhor obtém o valor:

/*
 Assuming an <input type="number" value="1.234" />
*/

// BAD: Get the value and convert the number
input.value // "1.234"
const numberValue = parseFloat(input.value, 10);

// GOOD: Use valueAsNumber
input.valueAsNumber // 1.234

Essa propriedade nos permite evitar que o parseInt/parseFloat, mas há um problema com valueAsNumber é que ele retornará NaN se o input estiver vazio.

Agradeço ao senhor Steve Sewell por me informar sobre o valueAsNumber!

PSA: as entradas de números têm uma propriedade `.valueAsNumber` que pode ser útil para o senhor pic.twitter.com/1QwdAW16CC

– Steve Sewell (@Steve8708) 31 de março de 2022