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

Autor: | Última modificación: 28 de octubre de 2022 | Tiempo de Lectura: 3 minutos
Temas en este post:

¿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.

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 cómo 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 que aprendas cómo convertir un string en 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:

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.

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.

const x = 16;
const y = -16;
console.log(+x); // expected output: 16
console.log(+y); // expected output: -16
console.log(+»); // expected output: 0

🔴 ¿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

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

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 cómo 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.

str = ‘1222’
console.log(Math.floor(str)) // devuelve el número 1222

Con parseInt()

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 de 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 conoces 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!

[email protected]

¿Sabías que hay más de 40.000 vacantes para desarrolladores web sin cubrir en España? 

En KeepCoding llevamos desde 2012 guiando personas como tú a áreas de alta empleabilidad y alto potencial de crecimiento en IT con formación de máxima calidad.

 

Porque creemos que un buen trabajo es fuente de libertad, independencia, crecimiento y eso ¡cambia historias de vida!


¡Da el primer paso!