Was ist besser, Nummer (x) oder ParseFloat (x)?

Welches ist besser?

Ich bitte dies nur, um ein paar Bytes zu rasieren, da ich + x anstelle von Zahl (x) verwenden kann. Macht Parsefloat etwas besser?

Der Unterschied zwischen parseFloat und Number

parseFloat/ parseIntdient zum Parsen einer Zeichenfolge, während Number/ +zum Erzwingen eines Werts zu einer Zahl dient. Sie verhalten sich anders. Aber schauen wir uns zuerst an, wo sie sich gleich verhalten:

parseFloat('3'); // => 3
Number('3'); // => 3
parseFloat('1.501'); // => 1.501
Number('1.501'); // => 1.501
parseFloat('1e10'); // => 10000000000
Number('1e10'); // => 10000000000

Solange Sie eine standardmäßige numerische Eingabe haben, gibt es keinen Unterschied. Wenn Ihre Eingabe jedoch mit einer Zahl beginnt und dann andere Zeichen enthält, wird parseFloatdie Zahl aus der Zeichenfolge abgeschnitten, während angegeben Numberwird NaN(keine Zahl):

parseFloat('1x'); // => 1
Number('1x'); // => NaN

Darüber hinaus Numberversteht hexadezimale Eingabe, während parseFloatnicht:

parseFloat('0x10'); // => 0
Number('0x10'); // => 16

Aber Numberwirkt seltsam mit leeren Zeichenfolgen oder Zeichenfolgen, die nur Leerzeichen enthalten:

parseFloat(''); // => NaN
Number(''); // => 0
parseFloat(' \r\n\t'); // => NaN
Number(' \r\n\t'); // => 0

Im Großen und Ganzen finde Numberich es vernünftiger, daher verwende ich es fast immer Numberpersönlich (und Sie werden feststellen, dass viele der internen JavaScript-Funktionen auch verwendet Numberwerden). Wenn jemand '1x'tippt, zeige ich lieber einen Fehler, als ihn so zu behandeln, als hätte er getippt '1'. Das einzige Mal, dass ich wirklich eine Ausnahme mache, ist, wenn ich einen Stil in eine Zahl konvertiere. In diesem Fall parseFloatist dies hilfreich, da Stile in einer Form vorliegen '3px'. In diesem Fall möchte ich das 'px'Teil löschen und nur das erhalten 3, sodass ich es parseFloathilfreich finde Hier. Aber es liegt wirklich an Ihnen, welche Sie wählen und welche Formen der Eingabe Sie akzeptieren möchten.

Beachten Sie, dass die Verwendung des unären +Operators genau der Verwendung Numberals Funktion entspricht:

Number('0x10'); // => 16
+'0x10'; // => 16
Number('10x'); // => NaN
+'10x'; // => NaN
Number('40'); // => 40
+'40'; // => 40

Also benutze ich normalerweise nur +kurz. Solange Sie wissen, was es tut, finde ich es leicht zu lesen.

Der Unterschied besteht darin, was passiert, wenn die Eingabe keine "richtige Zahl" ist. Numberkehrt zurück, NaNwährend parseFloat"so viel wie möglich" analysiert wird. Bei Aufruf der leeren Zeichenfolge wird Numberzurückgegeben, 0während parseFloat zurückgegeben wird NaN.

Beispielsweise:

Number("") === 0               // also holds for false
isNaN(parseFloat("")) === true // and null

isNaN(Number("32f")) === true
parseFloat("32f") === 32

In diesen Beispielen sehen Sie den Unterschied:

Number('') = 0;
Number(false) = 0;
Number('1a') = NaN;

parseFloat('') = NaN;
parseFloat(false) = NaN;
parseFloat('1a') = 1;

parseFloat ist etwas langsamer, da es nach dem ersten Auftreten einer Zahl in einer Zeichenfolge sucht, während der Zahlenkonstruktor eine neue Zahleninstanz aus Zeichenfolgen erstellt, die numerische Werte mit Leerzeichen oder falsche Werte enthalten.

PS Wenn Sie an universellen Lösungen zur Typkonvertierung interessiert sind, können Sie den Beitrag zur Typkonvertierung in meinem Blog lesen: http://justsimplejs.blogspot.com/2012/08/data-type-conversion.html

Bei leeren Zeichenfolgen sind sie unterschiedlich.

+""und Number("")gibt 0 zurück, während parseFloat("")NaN zurückgegeben wird.

Soweit ich weiß, und dies wird nur von Kollegen belauscht, so dass es möglicherweise völlig schlecht informiert ist, dass parseFloat geringfügig schneller ist.

Nach weiteren Recherchen scheint dieser Leistungsunterschied vom Browser abhängig zu sein.

http://jsperf.com/parseint-vs-parsefloat/6

Schauen Sie sich diese jsPerf-Ergebnisse an und rufen Sie an. (es enthält auch + x Tests)

Wie bereits erwähnt in @xdazz ‚s Antwort, +""und Number("")Rückkehr 0während parseFloat("")kehrt NaNso wieder würde ich mit parseFloat gehen, weil ein leerer String bedeutet nicht , die Zahl 0, nur eine Zeichenfolge mit dem Zeichen "0"in es bedeutet , 0;