Hangisi daha iyi, sayı (x) veya parseFloat (x)?

Hangisi daha iyi?

Bunu sadece birkaç bayt tıraş etmek için soruyorum, çünkü (x) yerine + x kullanabilirim. Parsefloat daha iyi bir şey yapar mı?

ParseFloat ve Number arasındaki fark

parseFloat/ parseInt, bir dizeyi ayrıştırmak için kullanılırken Number/ +, bir değeri bir sayıya zorlamak içindir. Farklı davranıyorlar. Ama önce aynı şekilde nerede davrandıklarına bakalım:

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

Standart sayısal girdiniz olduğu sürece hiçbir fark yoktur. Ancak, girdiniz bir sayı ile başlar ve sonra başka karakterler içeriyorsa parseFloat, dizeden sayıyı keser, Numberverir NaN(sayı değil):

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

Ayrıca, Numberonaltılık girişi anlar parseFloat, ancak şunları yapmaz:

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

Ancak Numberboş dizelerle veya yalnızca beyaz boşluk içeren dizelerle garip davranır:

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

Genel olarak, Numberdaha makul buluyorum , bu yüzden neredeyse her zaman Numberkişisel olarak kullanıyorum (ve dahili JavaScript işlevlerinin çoğunun Numberda kullandığını göreceksiniz ). Eğer birisi yazıyorsa '1x', sanki yazmış gibi davranmak yerine bir hata göstermeyi tercih ederim '1'. Gerçekten bir istisna yaptığım tek zaman, bir stili bir sayıya dönüştürdüğüm zamandır, bu durumda parseFloatyardımcı olur, çünkü stiller bir formda gelir '3px', bu durumda 'px'parçayı bırakmak ve sadece almak istiyorum 3, bu yüzden parseFloatyararlı buluyorum buraya. Ama gerçekten hangisini seçtiğiniz size ve hangi girdi biçimlerini kabul etmek istediğinize bağlı.

Tekli +işleci kullanmanın Number, işlev olarak kullanmakla tamamen aynı olduğunu unutmayın :

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

Bu yüzden genellikle sadece +kısa süreli kullanıyorum. Ne yaptığını bildiğiniz sürece okumayı kolay buluyorum.

Fark, girdi bir "uygun sayı" olmadığında olan şeydir. Numberdöner NaNiken parseFloatayrıştırır "elinden olduğu kadar". Boş bir dize çağrıda ise Numbergetiri 0parseFloat döner iken NaN.

Örneğin:

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

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

Bu örneklerde farkı görebilirsiniz:

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

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

parseFloat, bir dizedeki bir sayının ilk görünümünü ararken biraz yavaştır, ancak Number constuctor, boşluk içeren sayısal değerler içeren veya yanlış değerler içeren dizelerden yeni bir sayı örneği oluşturur.

Not: Bazı evrensel tip dönüşüm çözümleriyle ilgileniyorsanız blogumdaki tür dönüşümü hakkındaki yazıyı okuyabilirsiniz: http://justsimplejs.blogspot.com/2012/08/data-type-conversion.html

Boş dize için farklıdırlar.

+""ve Number("")0, parseFloat("")NaN değerini döndürür.

Bildiğim kadarıyla ve bu sadece meslektaşlarından duyulmuyor, bu yüzden tamamen hasta bilgilendirilebilir, parseFloat marjinal olarak daha hızlıdır.

Daha fazla araştırma yapılmasına rağmen, bu performans farkının tarayıcıya bağlı olduğu görülüyor.

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

Bu jsPerf sonuçlarına bir göz atın ve sizi arayın. (+ x testlerini de içerir)

S' @xdazz belirtildiği gibi cevap +""ve Number("")dönüş 0sırasında parseFloat("")döner NaNboş bir dize numarası 0 anlamına gelmez çünkü böylece Yine, parseFloat ile gider, karakteri ile sadece bir dize "0"Durum 0 anlamına içinde;