Convertir strings a number y viceversa en JavaScript

En este capítulo aprenderás a convertir un string con un valor numérico a tipo de dato number y un number a string.

Ejemplos prácticos de conversiones de string a number

JavaScript pone las conversiones extremadamente fáciles. Solo necesitas un string con un valor numérico y podrás convertirlo a number para poder operar con él.

let num1 = "7";
let num2 = "5";
let operacion = num1 + num2;

document.write(operacion);

El valor de string "7" se concatena o une al valor de string "5". No opera con ellos.

Podemos intentar forzar esto cambiando un string por un number a ver que pasa.

let num1 = 7;
let num2 = "5";
let operacion = num1 + num2;

document.write(operacion);

Nada, sigue concatenando. Hay que convertir los strings a numbers. Esto lo haremos con Number().

Palabra del lenguaje nº 28 encontrada.
Number() es un método capaz de convertir strings en number. En caso de que el string contenga algún carácter que no sea un número devuelve un valor de NaN.

let num1 = "7";
let num2 = "5";
let operacion = Number(num1) + Number(num2);

document.write(operacion);

En este caso, convierte directamente los valores del string para poder operar con ellos. Pero lo strings siguen siendo strings. Ahora si que opera correctamente.

¿Qué ocurre si le intentamos hacer esta conversión con un valor no numérico?

let texto1 = "Puro texto";
let convertirString = Number(texto1);

document.write(typeof(convertirString) + " " + convertirString);

Lo que acabo de hacer es forzar una conversión de un string que no tiene un valor numérico a tipo number. Esto no da errores en la consola, JavaScript es flexible en este caso. Si miramos el tipo de dato con typeof, podemos ver que aunque no es un número en absoluto, se ha transformado a number. Ten cuidado con esto, ya que puedes crear fácilmente incoherencias. Después he concatenado en el document.write() un string con un espacio para separar el tipo de dato del valor devuelto (es un simple espacio).
Mirando el valor que ha almacenado, vemos que no almacena realmente el valor del string. En su lugar, te va a devolver NaN.

Palabra del lenguaje nº 29 encontrada.
NaN son las siglas en inglés de Not a Number. "No es un número" en español.

¿Cómo convertir de number a string en JavaScript?

También es muy fácil de hacer. Solo tienes que utilizar el método toString().

Palabra del lenguaje nº 30 encontrada.
toString es un método capaz de convertir tipos de datos number a string.

let num1 = 7;
let transformaNumber = toString(num1);

document.write(typeof(transformaNumber));

Ejercicios de JavaScript

30. Crea tres variables con strings que contengan números. Deberás concatenarlos.
31. Esta vez, haz que los tres valores anteriores se sumen y se almacene en una variable el resultado de la operación. Tienen que seguir siendo strings en la declaración.
32. Transforma el resultado almacenado del ejercicio anterior en un string y crea una frase con algo como "el resultado es: ", a esto, concaténale el valor del resultado.

La solución la encontrarás aquí: Soluciones de ejercicios de JavaScript.