¿Cómo convertir un string en número en JavaScript? [5 formas]

Autor: | Última modificación: 10 de abril de 2024 | Tiempo de Lectura: 3 minutos
Temas en este post:

Algunos de nuestros reconocimientos:

Premios KeepCoding

¿Quieres saber cómo convertir un string en número en JavaScript? Para aprender los procesos elementales dentro de la programación en JavaScript y en otros lenguajes de programación, lo más importante es la práctica. Por eso, para ayudarte en este proceso de aprendizaje, te queremos revelar el proceso de cómo convertir un string en número en JavaScript, un lenguaje de programación muy utilizado actualmente por los desarrolladores.

convertir un string en número en JavaScript

Cómo convertir un string en número en JavaScript

Como muchas actividades en el mundo de la programación y del sector IT, puedes aprender a convertir un string en número en JavaScript a partir de varias formas y con varios operadores o instrucciones de código, que son característicos de JavaScript. Así pues, a continuación te explicamos 5 formas para convertir un string en número en JavaScript.

Convertir string a número en JavaScript con Number()

En primer lugar, con la instrucción Number(), JavaScript te permita pasar un string o una cadena en números. Para utilizarlos, tienes que establecer la siguiente tu instrucción en tu IDE preferido:

//convertir string a int javascript
Number ("17");      // devuelve el número 17
Number ("  17  ");  // devuelve el número 17
Number ("5.22");   // devuelve el número 5.22

Recuerda que un string o cadena está usualmente establecida dentro de comillas, como las que acabas de ver, y el número resulta de forma simple.

Convertir string a número en JavaScript con el operador +

El operador unario u operador + es otro elemento que permite transformar una cadena o string. El + precede al operando y, por consiguiente, se evalúa como su operando, para convertirlo en un número.

//convertir string a entero javascript
const x = 16;
const y = -16;
console.log(+x); // expected output: 16
console.log(+y); // expected output: -16
console.log(+''); // expected output: 0

En este caso, hemos establecido dos constantes, una que va por la x y otra por la y, con posicionamiento positivo y negativo, respectivamente.

Convertir string a número en JavaScript con Math.floor()

Aunque la variable de math.floor() no se utiliza para números difíciles, pues es bastante complejo, esta instrucción es perfecta para aprender a convertir un string en un número en JavaScript. Math.floor() se encarga de devolver el entero más grande, menor o igual al número que el usuario le otorga.

//convertir a numero en javascript
str = '1222'
console.log(Math.floor(str)) // devuelve el número 1222

Convertir string a número JavaScript con parseInt()

🔴 ¿Quieres Aprender a Programar con Python? 🔴

Descubre el Full Stack Jr. Bootcamp - Aprende a Programar desde Cero de KeepCoding. La formación más completa del mercado y con empleabilidad garantizada

👉 Prueba gratis el Bootcamp Aprende a Programar desde Cero por una semana

Por otra parte, uno de los instrucciones de código más utilizadas en JavaScript para cumplir con esta tarea es parseInt(). Esta instrucción convierte directamente un string en un número entero. Ahora bien, en el caso de los decimales, parseInt() se encarga de convertirlo en el número entero más cercano al decimal.

myString = '126'
console.log(parseInt(myString)) // devuelve el resultado: 126

a = 16.1
console.log(parseInt(a)) // devuelve el resultado: 16

Ten en cuenta que si quieres que el decimal dentro de la cadena se convierta, directamente, en el mismo número decimal, deberás utilizar la instrucción parseFloat().

Multiplicar con números

Por último, te contaremos cómo convertir un string en número en JavaScript a partir de la multiplicación con el número 1. Lo puedes ver en la siguiente representación:

str = '1612'
console.log (str * 1) //devuelve el resultado: 1612

Así pues, si mientras estás desarrollando tu programa de código en el lenguaje de programación JavaScript necesitas cambiar en un string en número, ya tienes 5 forma de hacerlo gracias a este artículo.

Este es solo el primer paso

Ahora sabes cómo convertir un string en número en JavaScript y, seguramente, quieres dominar más procesos con los que puedas seguir aprendiendo acerca de la programación y del desarrollo de programas de código. Este artículo solo es el primer paso para adentrarte en este mundillo y, para ayudarte a convertirte en un experto, queremos recomendarte nuestro Full Stack Jr. Bootcamp Aprende a Programar desde Cero. Te invitamos a revisar el temario y a apuntarte lo más pronto posible. ¡Entra y cambia tu vida!

Posts Relacionados

¡CONVOCATORIA ABIERTA!

Aprende a Programar desde Cero

Full Stack Jr. Bootcamp

Apúntate y consigue uno de los perfiles más demandados con Python, Java y Spring Boot en solo 6 meses.