Heim > Web-Frontend > js-Tutorial > Hauptteil

Wie konvertiere ich eine Zeichenfolge in TypeScript in eine Zahl?

WBOY
Freigeben: 2023-08-27 14:01:22
nach vorne
1183 Leute haben es durchsucht

如何在 TypeScript 中将字符串转换为数字?

Strings und Zahlen sind primitive Datentypen in TypeScript. Manchmal erhalten wir eine Zahl im String-Format und müssen den String-Wert in eine Zahl umwandeln, um mathematische Operationen mit dem Wert durchzuführen. Wenn wir mathematische Operationen an Zeichenfolgewerten durchführen, führt dies zu seltsamen Ergebnissen. Wenn Sie beispielsweise einen weiteren numerischen Wert zu einer numerischen Zeichenfolge hinzufügen, werden die Zahlen an die Zeichenfolge angehängt, anstatt sie hinzuzufügen.

Wir lernen, Strings mit verschiedenen Methoden und Ansätzen in TypeScript in Zahlen umzuwandeln.

Also müssen wir in TypeScript einen String in eine Zahl umwandeln.

Verwenden Sie den unären Operator „+“

Unäre Operatoren benötigen einen einzelnen Operanden. Es wandelt die Operanden in numerische Werte um, bevor es sie auswertet. Wir können es also verwenden, um eine Zeichenfolge in einen numerischen Wert umzuwandeln.

Grammatik

Benutzer können der folgenden Syntax folgen, um Zeichenfolgen in numerische Werte umzuwandeln.

let numberValue: number = +stringNmber;
Nach dem Login kopieren

In der obigen Syntax verwenden wir die Variable stringNumber als Operanden des unären „+“-Operators.

Beispiel

In diesem Beispiel enthält die Variable stringNumber den numerischen Wert im String-Format. Danach konvertieren wir den Zeichenfolgenwert „stringNumber“ mithilfe des unären „+“-Operators in eine Zahl und speichern den berechneten Wert in der Variablen „numberValue“.

In der Ausgabe kann der Benutzer beobachten, dass der Typ der Variable „numberValue“ „Zahl“ ist.

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);
Nach dem Login kopieren

Beim Kompilieren wird der folgende JavaScript-Code generiert:

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);
Nach dem Login kopieren

Ausgabe

Der obige Code erzeugt die folgende Ausgabe -

The type of numberValue variable is number
The value of the numberValue variable is 124354656
Nach dem Login kopieren

Verwenden Sie den Number()-Konstruktor

Number ist ein Objekt in TypeScript. Wir können es als Konstruktor verwenden, um Instanzen von Number-Objekten zu erstellen.

Wir können einen numerischen Wert als Nuber()-Konstruktorparameter im numerischen oder String-Format übergeben.

Grammatik

Benutzer können den Number()-Konstruktor gemäß der folgenden Syntax verwenden, um eine Zeichenfolge in einen numerischen Wert umzuwandeln.

let num: number = Number(str);
Nach dem Login kopieren

In der obigen Syntax übergeben wir den Zahlenwert im String-Format als Parameter des Number()-Konstruktors.

Beispiel

In diesem Beispiel haben wir die Variablen string1 und string2 erstellt, die numerische Werte im String-Format enthalten. Danach konvertieren wir diese beiden Variablen mit dem Number()-Konstruktor in Zahlen und speichern sie in den Variablen number1 und number2.

Nach der Konvertierung eines Zeichenfolgewerts in eine Zahl kann der Benutzer seinen Typ in der Ausgabe beobachten.

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);
Nach dem Login kopieren

Beim Kompilieren wird der folgende JavaScript-Code generiert:

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);
Nach dem Login kopieren

Ausgabe

Der obige Code erzeugt die folgende Ausgabe -

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

The value of number2 is 65986132302
The type of number2 is number
Nach dem Login kopieren

Verwenden Sie die parseInt()-Methode

Die parseInt()-Methode von

TypeScript extrahiert einen ganzzahligen Wert aus einer Zahlenzeichenfolge oder der Zahl selbst und entfernt den Dezimalteil der Zahl.

Grammatik

Benutzer können die Methode parseInt() in TypeScript verwenden, um Zeichenfolgen gemäß der folgenden Syntax in Zahlen umzuwandeln.

let num: number = parseInt(str);
Nach dem Login kopieren

In der obigen Syntax übergeben wir den numerischen Wert im String-Format als Parameter der parseInt()-Methode.

Beispiel

Im folgenden Beispiel wandelt die Funktion „convertNumToString()“ eine Zeichenfolge in eine Zahl um und gibt den numerischen Wert zurück. In der Funktion haben wir die Methode parseInt() verwendet, um die Zahl aus der Zeichenfolge zu extrahieren.

Wir rufen die Funktion „convertNumToString()“ zweimal auf, indem wir verschiedene Zahlen im String-Format als Parameter übergeben, und der Benutzer kann den konvertierten numerischen Wert in der Ausgabe beobachten.

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)
);
Nach dem Login kopieren

Beim Kompilieren wird der folgende JavaScript-Code generiert:

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));
Nach dem Login kopieren

Ausgabe

Der obige Code erzeugt die folgende Ausgabe -

After converting the 12234567998 to number value is 12234567998
After converting the 34345465.4333 to number value is 34345465
Nach dem Login kopieren

Verwenden Sie die parseFlot()-Methode

Die Methode parseFloat() führt die gleiche Aufgabe wie die Methode parseInt() aus und wandelt einen String in eine Zahl um. Der einzige Unterschied besteht darin, dass die Werte nach dem Dezimalpunkt nicht entfernt werden, was bedeutet, dass sie Gleitkommawerte aus Zeichenfolgen extrahiert, während die Methode parseInt() ganzzahlige Werte aus Zeichenfolgen extrahiert.

Grammatik

Benutzer können die Methode parseFloat() verwenden, um Zeichenfolgen gemäß der folgenden Syntax in Zahlen umzuwandeln.

let numberValue: number = parseFloat(stringValue);
Nach dem Login kopieren

In der obigen Syntax ist stringValue eine Gleitkommazahl im String-Format.

Beispiel

Im folgenden Beispiel zeigt die Funktion stringToFloat(), wie man mithilfe der Methode parseFloat() einen Gleitkommawert aus einer bestimmten Zeichenfolge extrahiert. Wir haben die Funktion stringToFloat() dreimal aufgerufen.

Beim dritten Aufruf der Funktion stringToFloat() übergeben wir ihr einen String mit Zahlen und anderen Zeichen als Parameter. In der Ausgabe können wir sehen, dass Zeichen aus der Zeichenfolge entfernt und nur Gleitkommawerte extrahiert werden.

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");
Nach dem Login kopieren

Beim Kompilieren wird der folgende JavaScript-Code generiert:

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");
Nach dem Login kopieren

Ausgabe

Der obige Code erzeugt die folgende Ausgabe -

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
Nach dem Login kopieren
In diesem Tutorial haben Benutzer vier Möglichkeiten kennengelernt, einen im String-Format angegebenen numerischen Wert in eine tatsächliche Zahl umzuwandeln. Der beste Weg, eine Zeichenfolge in eine Zahl umzuwandeln, ist die Verwendung unärer Operatoren, die weniger zeitaufwändig sind als andere Operatoren. Benutzer können jedoch auch den Number()-Konstruktor verwenden.

Das obige ist der detaillierte Inhalt vonWie konvertiere ich eine Zeichenfolge in TypeScript in eine Zahl?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:tutorialspoint.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage