JavaScript'te bir sayıyı dizeye dönüştürmenin en iyi yolu nedir?

Bir sayıyı dizeye dönüştürmenin "en iyi" yolu nedir (hız avantajı, netlik avantajı, bellek avantajı, vb. Açısından)?

Bazı örnekler:

1. String(n)

2. n.toString()

3. ""+n

4. n+""

bunun gibi:

var foo = 45;
var bar = '' + foo;

Aslında, bunu basit bir rahatlık için tipik olarak böyle yapmama rağmen, ham hız için 1000'den fazla tekrarlama için bir avantaj var..toString()

Performans testlerini burada görebilirsiniz (benim tarafımdan değil, kendi yazımı yazdığımda buldum): http://jsben.ch/#/ghQYR

En hızlı yukarıdaki JSPerf testine dayanmaktadır: str = num.toString();

Dönüşümü 0.1 saniyede 1 Milyon kez herhangi bir şekilde yapabileceğinizi düşündüğünüzde hız farkının aşırı derecede önemli olmadığı belirtilmelidir .

Güncelleme: Hız, tarayıcıya göre çok farklı görünüyor. Chrome'da num + ''bu teste göre en hızlı görünüyor http://jsben.ch/#/ghQYR

Güncelleme 2: Yine yukarıdaki testime dayanarak, Firefox 20.0.1'in örnekten .toString()yaklaşık 100 kat daha yavaş yürütüldüğüne dikkat edilmelidir '' + num.

Bence n.toString()ödülü netleştirmek için alıyor ve fazladan yük taşıdığını düşünmüyorum.

Açık dönüşümler, dilde yeni olan birine çok açıktır. Diğerlerinin de belirttiği gibi, tip zorlamayı kullanmak, bir geliştirici zorlama kurallarının farkında değilse belirsizliğe yol açar. Nihayetinde geliştirici süresi CPU zamanından daha pahalıdır, bu yüzden ikincisi için ikincisinin maliyetini optimize ederim. Olduğu söyleniyor, bu durumda fark muhtemelen ihmal edilebilir, ama eğer emin değilim bu tür bir şey optimize edecek bazı iyi JavaScript kompresörleri vardır.

Yani, yukarıdaki nedenlerden dolayı: n.toString()veya String(n). null veya undefined ise String(n)başarısız olmayacak çünkü muhtemelen daha iyi bir seçimdir n.

... JavaScript'in ayrıştırıcısı bir sayıdaki nokta gösterimini kayan nokta değişmezi olarak ayrıştırmaya çalışır.

2..toString(); // the second point is correctly recognized
2 .toString(); // note the space left to the dot
(2).toString(); // 2 is evaluated first

Kaynak

Yanaktaki dil açıkça:

var harshNum = 108;
"".split.call(harshNum,"").join("");

Veya ES6'da şablon dizelerini kullanabilirsiniz :

var harshNum = 108;
`${harshNum}`;

Diğer cevaplar zaten diğer seçenekleri kapsıyordu, ancak bunu tercih ediyorum:

s = `${n}`

Kısa, özlü, diğer birçok yerde zaten kullanılıyor (modern bir çerçeve / ES sürümü kullanıyorsanız), bu nedenle herhangi bir programcının anlayacağı güvenli bir bahis.

(Genellikle) çok önemli olduğu için değil, aynı zamanda diğer yöntemlere kıyasla en hızlılardan biri gibi görünüyor .

Herhangi bir değişkeni bir dizeye dönüştürmenin en basit yolu, bu değişkene boş bir dize eklemektir.

5.41 + ''    // Result: the string '5.41'
Math.PI + '' // Result: the string '3.141592653589793'

Eğer gerekiyorsa biçimlendirmek belirli sonucu , ondalık basamak sayısı para birimini temsil etmek, örneğin, aşağıdaki gibi bir şey gerekiyor toFixed()yöntemle.

number.toFixed( [digits] )

digits ondalık basamaktan sonra görüntülenecek basamak sayısıdır.

Kullandığım https://jsperf.com aşağıdaki durumlar için bir test vakası oluşturmak için:

number + ''
`${number}`
String(number)
number.toString()

https://jsperf.com/number-string-conversion-speed-comparison

24 Temmuz 2018 itibariyle sonuçlar number + '', Chrome'da, şablon dizgisi değişmezleriyle bağlanan Firefox'ta en hızlı olduğunu gösteriyor.

Her ikisi String(number)de ve number.toString()en hızlı seçenekten yaklaşık% 95 daha yavaş.

Okuması daha kolay olduğu için ilk ikisini seviyorum. Kullanmaya meyilliyim String(n)ama bu her şeyden çok bir tarz meselesi.

Yani bir çizginiz olmadığı sürece

var n = 5;
console.log ("the number is: " + n);

ki bu çok açıklayıcı

Ben duruma bağlı olduğunu düşünüyorum ama yine de .toString()anlamak için çok açık olduğu gibi yöntemi kullanabilirsiniz .

.toString () yerleşik daktilo işlevidir, bu ayrıntılar için uzman değilim ama yerleşik tip döküm ayet açık metodolojileri karşılaştırdığımızda, yerleşik geçici çözümler her zaman tercih edilir.

Eğer her şeyi göz önünde bulundurmam gerekirse,

var myint = 1;
var mystring = myint + '';
/*or int to string*/
myint = myint + ''

IMHO, dizeye dönüştürmenin en hızlı yolu. Yanlışım varsa düzelt.

Mevcut ve gelecekteki olası tüm vakalar için tek geçerli çözüm (girdi sayı, null, undefined, Symbol, başka bir şeydir) String(x). "Burada kesinlikle sayı dizeye ve burada kesinlikle boole dize" gibi değer türü varsayımlarına dayanarak, basit bir işlem için 3 yol kullanmayın.

Açıklama:

String(x)null, undefined, Semboller, [herhangi bir şey] ve .toString()nesneleri çağırır .

'' + x.valueOf()x'e yapılan çağrılar (sayıya döküm), Sembolleri atar, uygulamaya bağlı sonuçlar sağlayabilir.

x.toString() null ve undefined atar.

Not: String(x)yine de prototipsiz nesnelerde başarısız olur Object.create(null).

'Merhaba, tanımsız' gibi dizeleri sevmiyorsanız veya prototipsiz nesneleri desteklemek istiyorsanız, aşağıdaki tür dönüştürme işlevini kullanın:

/**
 * Safely casts any value to string. Null and undefined are converted to ''.
 * @param  {*} value
 * @return {string}
 */
function string (str) {
  return value == null ? '' : (typeof value === 'object' && !value.toString ? '[object]' : String(value));
}

Sayı değişmezlerinde, bir özelliğe erişim noktasının ondalık noktadan ayrılması gerekir. 123 rakamsal sayısında String () işlevini çağırmak istiyorsanız, bu size aşağıdaki seçenekleri sunar:

123..toString()
123 .toString() // space before the dot 123.0.toString()
(123).toString()

JS'de bir tamsayı dizeye dönüştürmek için yöntemler

Yöntemler, azalan performans sırasıyla düzenlenmiştir.

(Performans testi sonuçları @DarckBlezzer tarafından yanıtında verilmiştir)

var num = 1

Yöntem 1:

num = `$ {num}`

Yöntem 2:

num = num + ''

Yöntem 3:

num = Dize (num)

Yöntem 4:

num = num.toString ()

Not: Bir numaradan doğrudan tostring () yöntemini çağıramazsınız

Örneğin: 2.toString () yakalanmamış Syntax hatası atacak Hata : Geçersiz veya beklenmeyen simge

Hangisinin en iyi performans sergilediğini merak ediyorsanız, tüm farklı Number -> String dönüşümlerini karşılaştırdığımda bunu kontrol edin.

En hızlı gibi 2+''veya 2+""öyle görünüyor .

https://jsperf.com/int-2-string

String yapıcısını da kullanabiliriz . Bu karşılaştırmaya göre " + num, popüler tarayıcı Google Chrome'dan daha yavaş olsa da, bir sayıyı Firefox 58'de String'e dönüştürmenin en hızlı yolu .

Yöntem toFixed()aynı zamanda amacı çözecektir.

var n = 8.434332;
n.toFixed(2)  // 8.43

NumberNesneyi çağırabilir ve sonra çağırabilirsiniz toString().

Number.call(null, n).toString()

Bu hileyi başka bir javascript yerel nesnesi için kullanabilirsiniz.

Son zamanlarda bununla karşılaşmak, yöntem 3 ve 4 uygun değildir, çünkü dizelerin nasıl kopyalanıp birleştirildiği. Küçük bir program için bu sorun önemsizdir, ancak herhangi bir gerçek web uygulaması için frekans dizisi manipülasyonları ile uğraşmamız gereken bu eylem performansı ve okunabilirliği etkileyebilir.

İşte okuma bağlantısı .

Zamanım olduğunda bunu daha fazla veriyle yeniden düzenleyeceğim, çünkü şu anda bu iyi ...

Düğümlerde Test v8.11.2: 2018/06/06

let i=0;
    console.time("test1")
    for(;i<10000000;i=i+1){
    	const string = "" + 1234;
    }
    console.timeEnd("test1")
    
    i=0;
    console.time("test1.1")
    for(;i<10000000;i=i+1){
    	const string = '' + 1234;
    }
    console.timeEnd("test1.1")
    
    i=0;
    console.time("test1.2")
    for(;i<10000000;i=i+1){
    	const string = `` + 1234;
    }
    console.timeEnd("test1.2")
    
    i=0;
    console.time("test1.3")
    for(;i<10000000;i=i+1){
    	const string = 1234 +  '';
    }
    console.timeEnd("test1.3")
    
    
    i=0;
    console.time("test2")
    for(;i<10000000;i=i+1){
    	const string = (1234).toString();
    }
    console.timeEnd("test2")
    
    
    i=0;
    console.time("test3")
    for(;i<10000000;i=i+1){
    	const string = String(1234);
    }
    console.timeEnd("test3")
    
    
    i=0;
    console.time("test4")
    for(;i<10000000;i=i+1){
    	const string = `${1234}`;
    }
    console.timeEnd("test4")
    
    i=0;
    console.time("test5")
    for(;i<10000000;i=i+1){
    	const string = 1234..toString();
    }
    console.timeEnd("test5")
    
    i=0;
    console.time("test6")
    for(;i<10000000;i=i+1){
    	const string = 1234 .toString();
    }
    console.timeEnd("test6")

çıktı

test1: 72.268ms
test1.1: 61.086ms
test1.2: 66.854ms
test1.3: 63.698ms
test2: 207.912ms
test3: 81.987ms
test4: 59.752ms
test5: 213.136ms
test6: 204.869ms

Node.js kullanılırken benzer sonuçlar görünüyor. Bu senaryoyu çalıştırdım:

let bar;
let foo = ["45","foo"];

console.time('string concat testing');
for (let i = 0; i < 10000000; i++) {
    bar = "" + foo;
}
console.timeEnd('string concat testing');


console.time("string obj testing");
for (let i = 0; i < 10000000; i++) {
    bar = String(foo);
}
console.timeEnd("string obj testing");

console.time("string both");
for (let i = 0; i < 10000000; i++) {
    bar = "" + foo + "";
}
console.timeEnd("string both");

ve aşağıdaki sonuçları elde etti:

❯ node testing.js
string concat testing: 2802.542ms
string obj testing: 3374.530ms
string both: 2660.023ms

Her seferinde koştuğumda da benzer.