Inhaltsverzeichnis
Verwenden Sie den unären Operator „+“
Grammatik
Beispiel
Ausgabe
Verwenden Sie den Number()-Konstruktor
Verwenden Sie die parseInt()-Methode
Verwenden Sie die parseFlot()-Methode
Heim Web-Frontend js-Tutorial Wie konvertiere ich eine Zeichenfolge in TypeScript in eine Zahl?

Wie konvertiere ich eine Zeichenfolge in TypeScript in eine Zahl?

Aug 27, 2023 pm 02:01 PM

如何在 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!

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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
2 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Repo: Wie man Teamkollegen wiederbelebt
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Abenteuer: Wie man riesige Samen bekommt
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Ersetzen Sie Stringzeichen in JavaScript Ersetzen Sie Stringzeichen in JavaScript Mar 11, 2025 am 12:07 AM

Detaillierte Erläuterung der Methode für JavaScript -Zeichenfolge und FAQ In diesem Artikel werden zwei Möglichkeiten untersucht, wie String -Zeichen in JavaScript ersetzt werden: Interner JavaScript -Code und interne HTML für Webseiten. Ersetzen Sie die Zeichenfolge im JavaScript -Code Die direkteste Möglichkeit ist die Verwendung der Ersatz () -Methode: str = str.replace ("find", "ersetzen"); Diese Methode ersetzt nur die erste Übereinstimmung. Um alle Übereinstimmungen zu ersetzen, verwenden Sie einen regulären Ausdruck und fügen Sie das globale Flag G hinzu:: STR = Str.Replace (/fi

JQuery überprüfen, ob das Datum gültig ist JQuery überprüfen, ob das Datum gültig ist Mar 01, 2025 am 08:51 AM

Einfache JavaScript -Funktionen werden verwendet, um zu überprüfen, ob ein Datum gültig ist. Funktion isvaliddate (s) { var bits = ssplit ('/'); var d = neues Datum (Bits [2] '/' Bits [1] '/' Bits [0]); return !! (d && (d.getMonth () 1) == Bits [1] && d.getDate () == Nummer (Bits [0])); } //prüfen var

JQuery Get Element Polsterung/Rand JQuery Get Element Polsterung/Rand Mar 01, 2025 am 08:53 AM

In diesem Artikel wird erläutert, wie JQuery verwendet wird, um die inneren Rand- und Randwerte von DOM -Elementen zu erhalten und festzulegen, insbesondere die spezifischen Orte des äußeren Randes und der inneren Ränder des Elements. Während es möglich ist, die inneren und äußeren Ränder eines Elements mit CSS einzustellen, kann es schwierig sein, genaue Werte zu erhalten. // aufstellen $ ("Div.Header"). CSS ("Margin", "10px"); $ ("Div.Header"). CSS ("Padding", "10px"); Sie könnten denken, dieser Code ist

10 JQuery Accords Registerkarten 10 JQuery Accords Registerkarten Mar 01, 2025 am 01:34 AM

In diesem Artikel werden zehn außergewöhnliche JQuery -Registerkarten und Akkordeons untersucht. Der wichtigste Unterschied zwischen Registerkarten und Akkordeons liegt in der angezeigten und versteckten Inhaltsplatten. Lassen Sie uns mit diesen zehn Beispielen befassen. Verwandte Artikel: 10 JQuery Registerkarte Plugins

10 lohnt 10 lohnt Mar 01, 2025 am 01:29 AM

Entdecken Sie zehn außergewöhnliche JQuery -Plugins, um die Dynamik und die visuelle Anziehungskraft Ihrer Website zu verbessern! Diese kuratierte Sammlung bietet verschiedene Funktionen, von Bildanimation bis hin zu interaktiven Galerien. Lassen Sie uns diese leistungsstarken Tools untersuchen: Verwandte Beiträge: 1

HTTP-Debugging mit Knoten und HTTP-Konsole HTTP-Debugging mit Knoten und HTTP-Konsole Mar 01, 2025 am 01:37 AM

HTTP-Console ist ein Knotenmodul, mit dem Sie eine Befehlszeilenschnittstelle zum Ausführen von HTTP-Befehlen erhalten. Es eignet sich hervorragend zum Debuggen und dem genauen Sehen, was mit Ihren HTTP

Benutzerdefinierte Google -Search -API -Setup -Tutorial Benutzerdefinierte Google -Search -API -Setup -Tutorial Mar 04, 2025 am 01:06 AM

Dieses Tutorial zeigt Ihnen, wie Sie eine benutzerdefinierte Google -Such -API in Ihr Blog oder Ihre Website integrieren und ein raffinierteres Sucherlebnis bieten als Standard -WordPress -Themen -Suchfunktionen. Es ist überraschend einfach! Sie können die Suche auf y beschränken

JQuery fügen Sie Scrollbar zu Div hinzu JQuery fügen Sie Scrollbar zu Div hinzu Mar 01, 2025 am 01:30 AM

Mit dem folgenden JQuery -Code -Snippet können Scrollbars hinzugefügt werden, wenn der Div -Inhalt den Containerelementbereich überschreitet. (Keine Demonstration, bitte kopieren Sie es direkt nach Firebug) // d = Dokument // W = Fenster // $ = jQuery var contentArea = $ (this), wintop = contentArea.scrolltop (), docheight = $ (d) .height (), winHeight = $ (w) .height (), Divheight = $ ('#c

See all articles