Como Convertir Un String A Numero En Javascript

¡Hola! Hoy aprenderemos sobre un truco muy útil en JavaScript: cómo convertir un string a un número. Es más sencillo de lo que parece. Imagina que recibes un mensaje de texto con un precio. ¡Ese precio está en formato de texto!

Primero, definamos algunos términos clave. Un string es una secuencia de caracteres, como letras, números o símbolos, que se trata como texto. Por ejemplo, "123" es un string. Un número, por otro lado, es un valor numérico con el que puedes hacer cálculos. Por ejemplo, 123 es un número.

Método 1: Usando parseInt()

El primer método que veremos es usar la función parseInt(). Esta función intenta convertir un string en un número entero (sin decimales). Por ejemplo, si tienes el string "42", parseInt() lo convertirá en el número 42.

Mira este ejemplo:

let texto = "42";
let numero = parseInt(texto);
console.log(numero); // Muestra 42

¡Fácil, verdad! Si el string no puede ser convertido a un número, parseInt() devolverá NaN, que significa "Not a Number". Por ejemplo, parseInt("hola") devolverá NaN. No se puede convertir "hola" a un número.

Si tienes un número con decimales en el string, parseInt() solo tomará la parte entera. Por ejemplo, parseInt("3.14") devolverá 3.

Método 2: Usando parseFloat()

Si necesitas convertir un string en un número con decimales, usa la función parseFloat(). Esta función funciona de manera similar a parseInt(), pero conserva la parte decimal del número.

Veamos un ejemplo:

let texto = "3.14";
let numero = parseFloat(texto);
console.log(numero); // Muestra 3.14

Al igual que parseInt(), si el string no puede ser convertido a un número, parseFloat() devolverá NaN. Es importante asegurarse de que el string tenga un formato numérico válido.

Método 3: Usando el operador unario +

JavaScript tiene un truco rápido: usar el operador unario +. Este operador, colocado antes de un string, intenta convertirlo en un número. Es una forma abreviada y muy común de hacerlo.

Ejemplo:

let texto = "10";
let numero = +texto;
console.log(numero); // Muestra 10

Este método es similar a parseFloat() en que intentará convertir el string en un número con decimales si es posible. Si el string no se puede convertir, también devolverá NaN.

¿Cuál método debo usar?

La elección del método depende de tus necesidades. Si solo necesitas números enteros, usa parseInt(). Si necesitas números con decimales, usa parseFloat() o el operador unario +. El operador unario + suele ser el más conciso, pero es importante que entiendas lo que estás haciendo.

Recuerda siempre verificar si la conversión fue exitosa (es decir, si el resultado no es NaN) antes de usar el número en cálculos. Esto evitará errores en tu código.

Espero que esta explicación te haya sido útil. ¡Ahora puedes convertir strings a números con confianza en JavaScript! ¡Practica con diferentes ejemplos para afianzar tus conocimientos!