Convertir cadena en número en TypeScript

1. Convierta una cadena en un número usando el operador unario más (+) en TypeScript
2. Convierta una cadena en un número usando la función parseInt() en TypeScript
3. Convierta una cadena en un número usando la función parseFloat() en TypeScript
4. Convierta una cadena en un número usando la función global Number() en TypeScript
5. Busque NaN después de convertir una cadena en un número en TypeScript

Este artículo discutirá cómo convertir una cadena en un número usando diferentes métodos en TypeScript con ejemplos. En TypeScript, podemos convertir una cadena en un número de varias maneras.

El operador unario más (+) y la función global “Número()” son muy útiles en TypeScript. También podemos utilizar las funciones parseInt() y parseFloat().

Podemos mostrarle algunos ejemplos de cómo utilizar estas funciones.

Convierta una cadena en un número usando el operador unario más (+) en TypeScript

El operador unario más (+) cambia todas las representaciones de cadena de números, valores booleanos (verdadero y falso) y nulos a números. El operador unario más será NaN si el operando no se puede cambiar a un número.

Veamos algunos ejemplos, como se muestra a continuación.

Código de ejemplo:

# TypeScript

console.log(+"111")
console.log(+"112.5175")
console.log(+"10AA0.5165")
console.log(+"")
console.log(+" ")
console.log(+null)
console.log(+undefined)
console.log(+Infinity)
console.log(+true)
console.log(+false)
console.log(+"0x44")
console.log(+"0066")
console.log(+"0o21")
console.log(+"3.98e7")
console.log(+"71 35")
console.log(+"BA 35")

Producción:

Podemos convertir cualquier cadena en un número; convierte una cadena vacía o Nulo en 0. Como podemos ver, true se convirtió en 1 y false en 0.

También podemos convertir números octales/hexadecimales en decimales; tenemos que trabajar con precisión en los números de notación científica. Si no se convierte en un número, devuelve NaN.

Convierta una cadena en un número usando la función parseInt() en TypeScript

La función parseInt() analiza una cadena y la convierte en un número. La siguiente es la sintaxis de la función parseInt().

Si no damos la raíz, supone un número hexadecimal.

Sintaxis:

# Typescript

parseInt(string, radix)

Como se muestra a continuación, veamos un ejemplo y usemos diferentes métodos.

Código de ejemplo:

# TypeScript

console.log(parseInt("120"))
console.log(parseInt("100.5225"))
console.log(parseInt("10AA0.3375"))
console.log(parseInt(""))
console.log(parseInt(null))
console.log(parseInt(Infinity)
console.log(parseInt(true))
console.log(parseInt(false))
console.log(parseInt("0x12"))
console.log(parseInt("0042"))
console.log(parseInt("0o56"))
console.log(parseInt("3.285e7"))
console.log(parseInt("95 35"))
console.log(parseInt("CA 35"))

Producción:

Como podemos ver, podemos convertir cualquier cadena en un número. Podemos convertir cadenas vacías, nulo, infinito, true, false en NaN.

Si la cadena comienza con 0x, es un número hexadecimal. Es importante saber que parseInt() no reconoce el número octal que empieza por 0o; los navegadores antiguos comienzan con 0 como octal.

Ignora los espacios principales y finales. Si el comienzo de la cadena es un número, entonces se convierte en un número y evita el resto.

Podemos hacer uso del radix. La raíz comienza de 2 a 36:

• 2 se usa para binario
• 8 se usa para octal
• 10 se usa para decimales
• 16 se utiliza para el número hexadecimal

Código de ejemplo:

# TypeScript

console.log(parseInt("22"));
console.log(parseInt("56",8));
console.log(parseInt("54",19));

console.log(parseInt("021"));
console.log(parseInt("061",9));
console.log(parseInt("011",11));

console.log(parseInt("0x21"));
console.log(parseInt("0x41",3));
console.log(parseInt("0x11",19));

console.log(parseInt("0o21"));
console.log(parseInt("0o41",3));
console.log(parseInt("0o11",26));

Producción:

Convierta una cadena en un número usando la función parseFloat() en TypeScript

Podemos discutir una función más para este tema. parseFloat() es una función que convierte una cadena en un número.

Código de ejemplo:

# TypeScript

console.log(parseFloat("200"))
console.log(parseFloat("223.5535"))
console.log(parseFloat("11AA0.5225"))
console.log(parseFloat(""))
console.log(parseFloat(null))
console.log(parseFloat(Infinity))
console.log(parseFloat(true))
console.log(parseFloat(false))
console.log(parseFloat("0x77"))
console.log(parseFloat("0042"))
console.log(parseFloat("0o11"))
console.log(parseFloat("3.228e7"))
console.log(parseFloat("45 85"))
console.log(parseFloat("FA 95"))

Producción:

Podemos convertir una cadena en un decimal o un número. Hemos convertido las cadenas vacías, null, true y false en NaN.

Esta función devuelve infinito tal como es. Si la cadena comienza con 0x o 0o, cambia a 0. No se reconocen los números hexadecimales u octales.

Ignora los espacios principales y posteriores. Si el carácter inicial de la cadena es un número, se convierte en un número y evita el resto.

Convierta una cadena en un número usando la función global Number() en TypeScript

Podemos usar la función global Number(). Es como un operador unario más (+).

Código de ejemplo:

# TypeScript

console.log(Number("320"))
console.log(Number("120.5225"))
console.log(Number("15AA0.5245"))
console.log(Number(""))
console.log(Number(" "))
console.log(Number(null))
console.log(Number(undefined))
console.log(Number(Infinity))
console.log(Number(true))
console.log(Number(false))
console.log(Number("0x43"))
console.log(Number("0052"))
console.log(Number("0o11"))
console.log(Number("3.435e7"))
console.log(Number("15 99"))
console.log(Number("DE 25"))

Producción:

Podemos ver en la salida que hemos convertido con éxito una cadena en un número. Convirtió nulo a 0.

El valor booleano true se convierte en 1, y el false se convierte en 0. También podemos convertir números octales/hexadecimales en decimales.

Podemos trabajar correctamente en notaciones científicas números. Si no se convierte, devolverá NaN.

Busque NaN después de convertir una cadena en un número en TypeScript

NaN significa No es un número. Es el resultado de operaciones numéricas, pero no es un número.

Después de la conversión, podemos verificar si el valor es NaN usando el método isNaN().

Código de ejemplo:

# TypeScript

strToNum("AB 35")
strToNum("35")

function strToNum(Valnum) {
    if (isNaN(+Valnum)) {
        console.log("This is not a number")
    } else  {
        console.log(+Valnum)
    }
}

Producción: