Fallstudie zum Unterschied zwischen JavaScript parseInt() und Number()

Fallstudie zum Unterschied zwischen JavaScript parseInt() und Number()

Lernziele:

Die beiden Funktionen parseInt() und Number() werden am häufigsten verwendet, um eine Zeichenfolge in einen Datentyp zu konvertieren. Was sind also die Unterschiede zwischen ihnen?

Sie erfahren:

Die Funktion parseInt() analysiert den angegebenen String in eine Ganzzahl mit der angegebenen Basis.
parseInt(Zeichenfolge, Basis)
Der zweite Parameter gibt die verwendete Basis an. Wir verwenden normalerweise Dezimalzahlen, es können aber auch Oktalzahlen oder Hexadezimalzahlen verwendet werden. Um Parsing-Fehler bei Strings, die mit "0" und "0x" beginnen, zu vermeiden, verlangen verschiedene Programmierspezifikationen von JavaScript, dass der Wert des zweiten Parameters eindeutig angegeben werden muss, etwa parseInt("123",10).

parseInt('16', 8) = 14
parseInt('10', 8) = 8

parseInt('16', 10) = 16
parseInt('10', 10) = 10

parseInt('16', 16) = 22
parseInt('10', 16) = 16

parseInt zerlegt den String von Anfang an in eine Ganzzahl. Wenn es auf ein Zeichen stößt, das nicht analysiert werden kann, gibt es den analysierten Ganzzahlteil zurück. Wenn das erste Zeichen nicht analysiert werden kann, gibt es direkt NaN zurück.

Number() kann verwendet werden, um Typkonvertierungen durchzuführen, wenn der neue Operator nicht verwendet wird. Wenn es nicht in eine Zahl umgewandelt werden kann, wird NaN zurückgegeben. Beispielsweise gibt parseInt() für „123a“ 123 zurück, während Number() NaN zurückgibt. Verschiedene Arten von Zeichenfolgen werden mit diesen beiden Funktionen unterschiedlich konvertiert:

// Wenn der String aus Zahlen besteht, werden diese ohne Unterschied in dieselbe Zahl umgewandelt let numStr = '123'
console.log(parseInt(numStr)) //123
console.log(Zahl(numStr)) //123

// Wenn die Zeichenfolge aus Buchstaben besteht, sei numStr = 'abc'
console.log(parseInt(numStr)) //NaN
console.log(Zahl(numStr)) //NaN

// Wenn die Zeichenfolge aus Zahlen und Buchstaben besteht, sei numStr = '123a'
console.log(parseInt(numStr)) //123
console.log(Zahl(numStr)) //NaN

// Wenn der String aus 0 und Ziffern besteht, sei numStr = '0123'
console.log(parseInt(numStr)) //123
console.log(Zahl(numStr)) //123

// **Wenn die Zeichenfolge einen Dezimalpunkt enthält**
let numStr = '123.456'
console.log(parseInt(numStr)) //123
console.log(Zahl(numStr)) //123.456

// **Wenn die Zeichenfolge null ist**
let numStr = null
console.log(parseInt(numStr)) //NaN
console.log(Zahl(numStr)) //0

// **Wenn die Zeichenfolge '' (leer) ist**
lass numStr = ''
console.log(parseInt(numStr)) //NaN
console.log(Zahl(numStr)) //0

Lernzusammenfassung:

1. Wenn die Zeichenfolge aus Zahlen besteht, sind die Zahlen, die sie umwandeln, ohne Unterschied gleich. Wenn die Zeichenfolge keine Zahlen, sondern nur Buchstaben enthält, geben beide Methoden einfach NaN-Ergebnisse zurück. Wenn die Zeichenfolge aus 0 und Zahlen besteht, werden alle Zahlen außer 0 analysiert.

2 Wenn die Zeichenfolge aus Zahlen und Buchstaben besteht ① Der Buchstabe steht am Anfang, und beide Methoden geben NaN-Ergebnisse zurück ② Der Buchstabe steht nicht am Anfang. Die Methode Number gibt NaN zurück, und die Methode pareseInt gibt die Daten vor dem Buchstaben zurück

3 parseInt konvertiert Nicht-String-Werte vor der Operation in den String-Typ 4. Weitere Einzelheiten finden Sie im obigen Fall

Dies ist das Ende dieses Artikels über die detaillierte Fallanalyse des Unterschieds zwischen JavaScript parseInt() und Number(). Weitere verwandte Inhalte zum Unterschied zwischen js parseInt() und Number() finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM in Zukunft unterstützen!

Das könnte Sie auch interessieren:
  • Javascript-Grundlagen-Tutorial: Datentypen (Zahl)
  • JavaScript-Datenstrukturnummer
  • Einführung in JavaScript-Zahlen- und Mathematikobjekte
  • Javascript konvertiert andere Typen in den Typ „Zahl“
  • Detaillierte Erklärung des Problems des Genauigkeitsverlusts bei 19-stelligen Zahlentypen in JS
  • Detaillierte Erklärung des numerischen JS-Zahlentyps
  • Zahlendatentyp in JavaScript

<<:  Schritte zur Methode „Mysql-Abfragedatenbankkapazität“

>>:  Tutorial-Diagramm zur Konfiguration der Tomcat-Umgebungsvariablen unter Win10

Artikel empfehlen

So führen Sie eine Spring Boot-Anwendung in Docker aus

In den letzten Tagen habe ich gelernt, wie man Sp...

Persönliche Meinung: Sprechen Sie über Design

<br />Wählen Sie das praktischste Thema aus....

Einführung in die neuen Funktionen von MySQL 8.0.11

MySQL 8.0 für Windows v8.0.11 offizielle kostenlo...

MySQL-Komplettabsturz: Detaillierte Erklärung der Abfragefilterbedingungen

Überblick In tatsächlichen Geschäftsszenarioanwen...

Implementierung von Linux-Dateisystemvorgängen

In dieser Lesenotiz werden hauptsächlich die Vorg...

Fallbeispiel zur TypeScript-Schnittstellendefinition

Die Rolle der Schnittstelle: Schnittstelle, auf E...

Implementierung eines Docker-Cross-Host-Netzwerks (manuell)

1. Einführung in Macvlan Vor dem Aufkommen von Ma...

So verweisen Sie direkt auf Vue und Element-UI in HTML

Der Code sieht folgendermaßen aus: <!DOCTYPE h...

Teilen Sie 5 JS-High-Order-Funktionen

Inhaltsverzeichnis 1. Einleitung 2. Rekursion 3. ...

Detaillierte Erklärung der Docker-Datenspeichervolumes

Standardmäßig erfolgt das Lesen und Schreiben von...

Einführung in 10 Online-Entwicklungstools für Webdesign

1. Online-Textgenerator BlindTextGenerator: Für D...

V-Bind in Vue verstehen

Inhaltsverzeichnis 1. Analyse des wichtigsten Que...