Wann verwende ich parseInt?

Question

Welche Regel muss ich beachten, wenn ich Zahlen aus dem DOM extrahiere und mit ihnen kombiniere? Wie weiß Javascript, dass ein Wert eine Zahl ist oder nicht? Soll ich immer parseInt verwenden?

Bei folgenden Code:

HTML

<div id="myvalue">5</div> 
<div id="withParseInt"></div> 
<div id="withoutParseInt"></div> 
<div id="withoutParseIntButIncrement"></div> 

JS & jQuery:

var value = $('#myvalue').text(); 
$('#withParseInt').text(parseInt(value) + 1); 
$('#withoutParseInt').text(value + 1); 
$('#withoutParseIntButIncrement').text(value++); 

gibt folgende Ausgabe:

5 
6 
51 
5 

Fiddle: 012.343.

Answer 1

Die Methode .text() gibt immer eine Zeichenfolge zurück. Einige Operatoren wie der Operator + sind überladen, um sowohl arithmetische als auch Zeichenfolgenoperationen auszuführen. Im Falle von Strings führt es eine Verkettung durch, daher das Ergebnis "51".

Wenn Sie eine Zeichenkette haben und einen nicht erzwingenden Operator verwenden müssen, müssen Sie parseInt (oder eine andere Methode zur Umwandlung in eine Zahl) verwenden.

Der Operator * zum Beispiel implicity führt diesen Zwang aus, so dass Sie in dieser Situation den parseInt-Aufruf nicht benötigen (siehe beispielsweise updated fiddle).

Beachten Sie, dass der Operator seinen Operand erzwingt, aber Sie haben den Postfixoperator verwendet, so dass er keinen Effekt hat. Verwenden Sie den Präfix-Operator und Sie können sehen, es funktioniert:

$('#withoutParseIntButIncrement').text(++value); 

also zusammenfassen:

// Parses string to number and adds 1 
$('#withParseInt').text(parseInt(value) + 1); 

// Coerces number 1 to string "1" and concatenates 
$('#withoutParseInt').text(value + 1); 

// Implicity coerces string to number, but after it's been inserted into the DOM 
$('#withoutParseIntButIncrement').text(value++); 

// Implicity coerces string to number, before it's been inserted into the DOM 
$('#withoutParseIntButIncrement').text(++value); 

// Implicity coerces to number 
$('#withoutParseIntButMultiply').text(value * 2); 

---

Randbemerkung: gilt es als gute Praxis immer das zweite Argument übergeben (die Radix) zu parseInt.Dadurch wird sichergestellt, die Zahl in der richtigen Basis analysiert wird:

parseInt(value, 10); // For base 10 

Answer 2

Ja, Sie sollten immer parseInt() oder Number() verwenden, um auf der sicheren Seite zu sein. Sonst wird Javascript entscheiden, was mit ihm selbst

• Der Wert zu tun
ein String ist
• -Operator + zwei Strings
• Mit Operator verketten wird - die numerische Differenz
• ... berechnen

Answer 3

Eine und einzige Regel:

Jeder Wert, den Sie aus dem DOM abrufen, ist eine Zeichenfolge.

Answer 4

Es ist immer gut parseInt nur zu verwenden, um auf der sicheren Seite zu sein, vor allem, wie Sie einen zweiten Parameter für das numerische System liefern können, zu verwenden.

By the way, in Ihrem letzten Beispiel sollte es ++value sein, wenn Sie es 6. wollen