JavaScript'te dizeleri birleştirmenin en etkili yolu?

JavaScript'te, birçok yinelemeye sahip bir döngü var ve her yinelemede, birçok +=operatörle büyük bir dize oluşturuyorum . Dize oluşturmanın daha etkili bir yolu var mı? Burada dizeler eklemeye devam ediyorum ve sonra birleştirme yapmak dinamik bir dizi oluşturma hakkında düşünüyordum. Herkes bunu yapmanın en hızlı yolunu açıklayabilir ve bir örnek verebilir mi?

JSPerf'deki ölçütlere dayanarak, +=her tarayıcıda zorunlu olarak kullanılmamasının en hızlı yöntem olduğu görülmektedir.

DOM'de dizeler oluşturmak için, önce dizeyi birleştirmek ve daha sonra DOM'a eklemek, daha sonra yinelemeli olarak dom'a eklemek daha iyi görünüyor . Yine de kendi davanızı karşılaştırmalısınız.

(Düzeltme için teşekkürler @zAlbee)

Birleştirmenin kendisi hakkında hiçbir yorumum yok, ama @Jakub Hampl'in önerisine dikkat çekmek istiyorum:

DOM'de dizeler oluşturmak için, bazı durumlarda DOM'a yinelemeli olarak eklemek, daha sonra aynı anda büyük bir dize eklemek daha iyi olabilir.

yanlış, çünkü kusurlu bir teste dayanıyor. Bu test gerçekten DOM'a eklenmez.

Bu sabit test , dizeyi oluşturmadan önce bir kerede oluşturmanın çok daha hızlı olduğunu göstermektedir. Bu bir yarışma bile değil.

(Üzgünüz, bu ayrı bir cevap, ancak henüz cevaplar hakkında yorum yapmak için yeterli temsilcim yok.)

Bu sorunun yanıtlanmasından bu yana üç yıl geçti ama yine de cevabımı vereceğim :)

Aslında, kabul edilen cevap tam olarak doğru değildir. Jakub'un testi, JS motorunun kod yürütmesini optimize etmesini sağlayan sabit kodlu dize kullanıyor (Google'ın V8'i bu konuda gerçekten iyi!). Ama tamamen rastgele dizeler ( burada JSPerf ) kullandığınız anda dize birleştirme ikinci bir yerde olacaktır.

Ayrıca şablon değişmezleriyle dize concat yapabilirsiniz . Diğer posterlerin JSPerf testlerini de içerecek şekilde güncelledim.

for (var res = '', i = 0; i < data.length; i++) {
  res = `${res}${data[i]}`;
}