En JavaScript, es bastante común encontrarse con un número atrapado dentro de una cadena. Esto puede suceder cuando se trata de entradas de usuarios, se leen datos de un archivo o se trabaja con una API de terceros. Pero JavaScript proporciona varios métodos útiles para liberar ese número y convertirlo en un número entero. Esto es muy útil cuando necesitas hacer algunos cálculos o comparaciones con esos números.

Tabla de contenidos

• Método 1: convertir una cadena en un número entero utilizando el método parseInt()
• Método 2: convertir una cadena en un número entero utilizando el método Number()
• Método 3: convertir una cadena en un número entero utilizando el operador unario
• Método 4: convertir una cadena en un número entero utilizando el método Math.floor()
• Método 5: convertir una cadena en un número entero utilizando el operador bit a bit
• Manejo de errores al convertir cadenas a números enteros en JavaScript

Método 1: convertir una cadena en un número entero utilizando el método parseInt()

El método parseInt() acepta el parámetro de cadena y base y lo convierte en un número entero.

Sintaxis:

parseInt( Value, radix ) 

Ejemplo: En este caso, utilizamos el método parseInt() de JavaScript para convertir una cadena en un número entero.

let a = '100'; console.log('Type of a before conversion: ' + typeof a); console.log('Type of a after conversion: ' + typeof parseInt(a)); 

Type of a before conversion: string Type of a after conversion: number 

Explicación

El código inicializa una variable. a> con la cadena 100, imprime su tipo antes y después de convertirlo a un número entero usando parseInt()>

Método 2: convertir una cadena en un número entero utilizando el método Number()

El método número() se utiliza para convertir un tipo de datos primitivo a un número; si no es convertible, devuelve NAN.

Sintaxis:

Number( value ) 

Ejemplo: Aquí, estamos utilizando el método JavaScript Number() para convertir una cadena en un número entero.

let age = '23'; let name = 'Manya'; console.log(  'Type of name and age before conversion: ',   typeof age, typeof name ); console.log(  'Type of name and age after conversion: ',   typeof Number(age), typeof Number(name) ); 

Type of name and age before conversion: string string Type of name and age after conversion: number number 

Explicación

El código inicializa variables. age> y name> con valores de cadena que representan la edad y un nombre respectivamente. Luego muestra sus tipos antes y después de la conversión a números usando Number()> .

Método 3: convertir una cadena en un número entero utilizando el operador unario

El Operador unario(+) se utiliza para convertir una cadena, booleana y no cadena en un número.

Sintaxis:

+operand; 

Ejemplo:

El operador unario para convertir una cadena en un número.

let age = '23'; let name = 'Manya'; const number = '100'; console.log(  'Type of name, age and number before conversion: ',   typeof age, typeof name, typeof number ); console.log(  'Type of name, age and number after conversion: ',   typeof +age, typeof +name, typeof +number ); 

Type of name, age and number before conversion: string string string Type of name, age and number after conversion: number number number 

Explicación

El código inicializa variables. age> , name> , y number> con valores de cadena que representan la edad, un nombre y un número constante respectivamente. Luego muestra sus tipos antes y después de la conversión a números usando el operador unario más. +> .

Método 4: convertir una cadena en un número entero utilizando el método Math.floor()

El Método Math.floor() se utiliza para convertir una cadena en un número.

Sintaxis:

Math.floor( numStr ) 

Ejemplo:

El método Math.floor() se utiliza para convertir una cadena en un número.

let numStr = '101.45'; let numInt = Math.floor(parseFloat(numStr));  console.log('Type of Number Before Conversion: ' + typeof numStr); console.log('Type of Number After Conversion: ' + typeof numInt); 

Type of Number Before Conversion: string Type of Number After Conversion: number 

Explicación

Here, parseFloat()> se utiliza para convertir la cadena numStr> a un número de punto flotante antes de aplicar Math.floor()> . Esto asegura que el resultado sea un número.

Método 5: convertir una cadena en un número entero utilizando el operador bit a bit

Usando operadores bit a bit como | 0 o < < 0 También puede realizar la conversión de cadena a número entero de forma concisa.

Sintaxis:

numStr | 0; // or numStr  < < 0; 

Ejemplo: El operador bit a bit también se puede utilizar para convertir una cadena en un número.

let numStr = '101.45'; let numInt = numStr | 0; console.log('Type of Number Before Conversion: '   + typeof numStr);   console.log('Type of Number After Conversion: '   + typeof parseInt(numInt)); 

Type of Number Before Conversion: string Type of Number After Conversion: number 

Método 6: convertir una cadena en un número entero utilizando el constructor BigInt()

El constructor BigInt() se puede utilizar para convertir una cadena en un número entero BigInt. Esto es particularmente útil cuando se trata de números enteros muy grandes que exceden el límite máximo de enteros seguros en JavaScript.

Ejemplo:

// Example of using BigInt() constructor to convert a string into a BigInt integer let numStr = '12345678901234567890'; let numBigInt = BigInt(numStr); console.log('Type of Number Before Conversion: ' + typeof numStr); console.log('Type of Number After Conversion: ' + typeof numBigInt); console.log(numBigInt); // Nikunj Sonigara 

Type of Number Before Conversion: string Type of Number After Conversion: bigint 12345678901234567890n 

Explicación

El código inicializa una variable. numStr> con la cadena 101.45. Luego utiliza una operación OR bit a bit ( |> ) para convertir implícitamente numStr> a un número entero, truncando su parte decimal. Finalmente muestra el tipo de numInt> antes y después de la conversión.

Manejo de errores al convertir cadenas a números enteros en JavaScript

Al convertir cadenas a números enteros, es fundamental manejar los posibles errores para garantizar que el código funcione correctamente. Aquí hay algunos errores comunes y cómo manejarlos:

• Caracteres no numéricos: Si la cadena contiene caracteres no numéricos, parseInt()> y Number()> podría regresar NaN> (No un número). Puedes verificar esto usando isNaN()> y manejar con gracia las entradas no válidas.
• Espacios en blanco iniciales y finales: Algunos métodos pueden ignorar los espacios en blanco al principio o al final de la cadena. Utilice métodos como trim()> para eliminar espacios en blanco antes de la conversión.
• Problemas con Radix: Especificando la base incorrecta en parseInt()> puede conducir a resultados inesperados. Valide la base según el contexto (por ejemplo, para cadenas hexadecimales, utilice la base 16).
• Desbordamiento y desbordamiento: La conversión de números muy grandes o muy pequeños puede provocar un desbordamiento o un desbordamiento insuficiente. Considere el uso de bibliotecas como bignumber.js> para manejar números fuera del rango nativo de JavaScript.

Convertir una cadena en un número entero en casos de uso de JavaScript

1. Programa JavaScript para convertir fecha en número

El JavaScript Fecha El objeto se utiliza para obtener fechas y horas. Ayuda a formatear las fechas. Podemos usar el nuevo palabra clave para crear un objeto para Fecha. Para convertir una fecha en un número, utilizamos el consigue tiempo() método .

2. ¿Cómo convertir una cadena en un número entero sin usar la función parseInt() en JavaScript?

Para convertir una cadena en un número entero sin usar parseInt(), podemos usar lo siguiente:

• Usando coerción
• Utilizando el Función número()
• Utilizando el operador unario +
• Usando Método de piso matemático ()
• Usando Función Math.ceil()

3. ¿Cómo convertir una cadena de cualquier base a un número entero en JavaScript?

Podríamos estar usando un método (o una función) proporcionado por JavaScript llamado como parseInt().

javascript es más conocido por el desarrollo de páginas web, pero también se utiliza en una variedad de entornos que no son de navegador. Puedes aprender javascript desde cero siguiendo esto Tutorial de JavaScript y Ejemplos de JavaScript .