Comment convertir une chaîne en nombre dans TypeScript ?

Les chaînes et les nombres sont des types de données primitifs dans TypeScript. Parfois, nous obtenons un nombre au format chaîne et nous devons convertir la valeur de la chaîne en nombre pour effectuer des opérations mathématiques sur la valeur. Si nous effectuons des opérations mathématiques sur des valeurs de chaîne, cela donne des résultats étranges. Par exemple, l'ajout d'une autre valeur numérique à une chaîne numérique ajoute les nombres à la chaîne plutôt que de les ajouter.

Nous apprendrons à convertir des chaînes en nombres en utilisant diverses méthodes et approches dans TypeScript.

Nous devons donc convertir une chaîne en nombre dans TypeScript.

Utilisez l'opérateur unaire «+»

Les opérateurs unaires prennent un seul opérande. Il convertit les opérandes en valeurs numériques avant de les évaluer. Nous pouvons donc l'utiliser pour convertir une chaîne en valeur numérique.

Grammaire

Les utilisateurs peuvent suivre la syntaxe suivante pour convertir des chaînes en valeurs numériques.

let numberValue: number = +stringNmber;

Dans la syntaxe ci-dessus, nous utilisons la variable stringNumber comme opérande de l'opérateur unaire « + ».

Exemple

Dans cet exemple, la variable stringNumber contient la valeur numérique au format chaîne. Après cela, nous convertissons la valeur de la chaîne stringNumber en nombre à l'aide de l'opérateur unaire «+» et stockons la valeur calculée dans la variable numberValue.

Dans la sortie, l'utilisateur peut observer que le type de variable numberValue est un nombre.

let stringNmber: string = "124354656";
let numberValue: number = +stringNmber;

console.log("The type of numberValue variable is " + typeof numberValue);
console.log("The value of the numberValue variable is " + numberValue);

Une fois compilé, il générera le code JavaScript suivant -

var stringNmber = "124354656";
var numberValue = +stringNmber;

console.log("The type of numberValue variable is " + typeof numberValue);
console.log("The value of the numberValue variable is " + numberValue);

Sortie

Le code ci-dessus produira la sortie suivante -

The type of numberValue variable is number
The value of the numberValue variable is 124354656

Utilisez le constructeur Number()

Number est un objet en TypeScript, nous pouvons l'utiliser comme constructeur pour créer des instances d'objets Number.

Nous pouvons transmettre une valeur numérique en tant que paramètre du constructeur Nuber() au format numérique ou chaîne.

Grammaire

Les utilisateurs peuvent utiliser le constructeur Number() selon la syntaxe ci-dessous pour convertir une chaîne en valeur numérique.

let num: number = Number(str);

Dans la syntaxe ci-dessus, nous transmettons la valeur numérique au format chaîne en tant que paramètre du constructeur Number().

Exemple

Dans cet exemple, nous avons créé des variables string1 et string2 qui contiennent des valeurs numériques au format chaîne. Après cela, nous convertissons ces deux variables en nombres à l'aide du constructeur Number() et les stockons dans les variables number1 et number2.

Après avoir converti une valeur de chaîne en nombre, l'utilisateur peut observer son type dans la sortie.

let string1: string = "35161";
let string2: string = "65986132302";

let number1: number = Number(string1);
let number2: number = Number(string2);

console.log("The value of number1 is " + number1);
console.log("The type of number1 is " + typeof number1);

console.log("The value of number2 is " + number2);
console.log("The type of number2 is " + typeof number2);

Une fois compilé, il générera le code JavaScript suivant -

var string1 = "35161";
var string2 = "65986132302";
var number1 = Number(string1);
var number2 = Number(string2);

console.log("The value of number1 is " + number1);
console.log("The type of number1 is " + typeof number1);
console.log("The value of number2 is " + number2);
console.log("The type of number2 is " + typeof number2);

Sortie

Le code ci-dessus produira la sortie suivante -

The value of number1 is 35161
The type of number1 is number

The value of number2 is 65986132302
The type of number2 is number

Utilisez la méthode parseInt()

La méthode parseInt() de

TypeScript extrait une valeur entière d'une chaîne numérique ou du nombre lui-même et supprime la partie décimale du nombre.

Grammaire

Les utilisateurs peuvent utiliser la méthode parseInt() dans TypeScript pour convertir des chaînes en nombres selon la syntaxe suivante.

let num: number = parseInt(str);

Dans la syntaxe ci-dessus, nous transmettons la valeur numérique au format chaîne en tant que paramètre de méthode parseInt().

Exemple

Dans l'exemple ci-dessous, la fonction convertNumToString() convertit une chaîne en nombre et renvoie la valeur numérique. Dans la fonction, nous avons utilisé la méthode parseInt() pour extraire le nombre de la chaîne.

Nous appelons la fonction convertNumToString() deux fois en passant différents nombres au format chaîne comme paramètres et l'utilisateur peut observer la valeur numérique convertie dans la sortie.

let stringNumber: string = "12234567998";
let stringNumber2: string = "34345465.4333";

function convertNumToString(str: string) {
  let num: number = parseInt(str);
  return num;
}

console.log(
  "After converting the " +
    stringNumber +
    " to number value is " +
    convertNumToString(stringNumber)
);

console.log(
  "After converting the " +
    stringNumber2 +
    " to number value is " +
    convertNumToString(stringNumber2)
);

Une fois compilé, il générera le code JavaScript suivant -

var stringNumber = "12234567998";
var stringNumber2 = "34345465.4333";
function convertNumToString(str) {
   var num = parseInt(str);
   return num;
}
console.log("After converting the " +
   stringNumber +
   " to number value is " +
   convertNumToString(stringNumber));
console.log("After converting the " +
   stringNumber2 +
   " to number value is " +
   convertNumToString(stringNumber2));

Sortie

Le code ci-dessus produira la sortie suivante -

After converting the 12234567998 to number value is 12234567998
After converting the 34345465.4333 to number value is 34345465

Utilisez la méthode parseFlot()

La méthode

parseFloat() effectue le même travail que la méthode parseInt(), convertissant la chaîne en nombre. La seule différence est qu'elle ne supprime pas les valeurs après la virgule décimale, ce qui signifie qu'elle extrait les valeurs à virgule flottante des chaînes, tandis que la méthode parseInt() extrait les valeurs entières des chaînes.

Grammaire

Les utilisateurs peuvent utiliser la méthode parseFloat() pour convertir des chaînes en nombres selon la syntaxe ci-dessous.

let numberValue: number = parseFloat(stringValue);

Dans la syntaxe ci-dessus, stringValue est un nombre à virgule flottante au format chaîne.

Exemple

Dans l'exemple ci-dessous, la fonction stringToFloat() montre comment extraire une valeur à virgule flottante d'une chaîne donnée à l'aide de la méthode parseFloat(). Nous avons appelé la fonction stringToFloat() trois fois.

Au troisième appel à la fonction stringToFloat(), nous lui passons une chaîne avec des nombres et d'autres caractères comme paramètres. Dans le résultat, nous pouvons voir qu'il supprime les caractères de la chaîne et extrait uniquement les valeurs à virgule flottante.

let strFloat: string = "34356757";
let strFloat2: string = "7867.465546";

function stringToFloat(stringValue: string) {
  let numberValue: number = parseFloat(stringValue);
  console.log(
    "The " +
      stringValue +
      " value after converting to the number is " +
      numberValue
  );
}

stringToFloat(strFloat);
stringToFloat(strFloat2);
stringToFloat("232343.43434fd");

Une fois compilé, il générera le code JavaScript suivant -

var strFloat = "34356757";
var strFloat2 = "7867.465546";
function stringToFloat(stringValue) {
    var numberValue = parseFloat(stringValue);
    console.log("The " +
        stringValue +
        " value after converting to the number is " +
        numberValue);
}
stringToFloat(strFloat);
stringToFloat(strFloat2);
stringToFloat("232343.43434fd");

Sortie

Le code ci-dessus produira la sortie suivante -

The 34356757 value after converting to the number is 34356757
The 7867.465546 value after converting to the number is 7867.465546
The 232343.43434fd value after converting to the number is 232343.43434

Dans ce didacticiel, les utilisateurs ont appris quatre façons de convertir une valeur numérique donnée sous forme de chaîne en un nombre réel. La meilleure façon de convertir une chaîne en nombre est d'utiliser des opérateurs unaires, qui prennent moins de temps que les autres opérateurs. Cependant, les utilisateurs peuvent également utiliser le constructeur Number().

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!