Manejando valores ‘Not a Number’ en JavaScript: Una Guía Práctica

Validación de Números en JavaScript

La validación de números es un proceso crucial en el desarrollo web para garantizar que los valores de entrada proporcionados por el usuario sean numéricos antes de realizar operaciones matemáticas o guardar los datos. En JavaScript, existen varias técnicas para confirmar si un valor de entrada es numérico.

Uso de isNaN()

La función isNaN(value) determina si un valor es NaN (No es un Número). Sin embargo, no es una comprobación suficiente porque algunos valores no numéricos como ' ' (espacio en blanco) o true, se convierten a números por coacción de tipos, y no serían capturados por esta función.

Ejemplo:

const valor = "123";
if (!isNaN(valor)) {
    // El valor se puede convertir a un número, pero podría no ser una cadena que representa solo números
}

Uso de Number.isFinite()

La función Number.isFinite(value) es una forma más estricta de comprobar si un valor es un número finito. A diferencia de isNaN(), no convierte el valor a un número, por lo que es más fiable.

Ejemplo:

const valor = "123.45";
if (Number.isFinite(Number(valor))) {
    // El valor es numérico y finito
}

Expresiones regulares

Se puede utilizar una expresión regular para validar si una cadena contiene solamente dígitos o representa un número adecuadamente (incluyendo decimales y signos negativos).

Ejemplo:

const valor = "-123.45";
const esNumerico = /^[+-]?d+(.d+)?$/.test(valor);
if (esNumerico) {
    // El valor es una representación válida de un número
}

Uso de parseInt() y parseFloat()

Las funciones parseInt(string) y parseFloat(string) convierten cadenas a enteros y números de punto flotante respectivamente. Sin embargo, pueden dar resultados falsos positivos porque convierten parcialmente cadenas como "123abc" a 123.

Para una comprobación más precisa, necesitará confirmar que el valor parseado tiene la misma representación que la cadena original.

Ejemplo:

const valor = "123";
const numero = parseFloat(valor);
if (numero.toString() === valor) {
    // El valor es numérico
}

Conversión de Tipo con el operador + y el método valueOf()

El operador + antes de una cadena intenta convertir la cadena en un número. También se puede usar el método valueOf() para obtener el valor primitivo de un objeto, si este valor es un número.

Ejemplo con operador +:

const valor = "123";
if (!isNaN(+valor)) {
    // El valor es un número después de la conversión
}

Ejemplo con valueOf():

const valorObjeto = new Number(123);
if (typeof valorObjeto.valueOf() === 'number') {
    // El valor es numérico
}

Resumiendo, la técnica a utilizar depende del contexto y de la naturaleza de los datos de entrada.

Comprendiendo los Números en JavaScript: Una Guía para Principiantes

let entero = parseInt("123"); // 123
let decimal = parseFloat("123.45"); // 123.45