Cara paling efisien untuk menggabungkan string dalam JavaScript?

Dalam JavaScript, saya memiliki loop yang memiliki banyak iterasi, dan di setiap iterasi, saya membuat string besar dengan banyak +=operator. Apakah ada cara yang lebih efisien untuk membuat string? Saya sedang berpikir tentang membuat array dinamis di mana saya terus menambahkan string ke sana dan kemudian bergabung. Adakah yang bisa menjelaskan dan memberikan contoh cara tercepat untuk melakukan ini?

Tampaknya berdasarkan tolok ukur di JSPerf bahwa menggunakan +=adalah metode tercepat, meskipun tidak harus di setiap browser.

Untuk membangun string di DOM, tampaknya lebih baik untuk menyatukan string terlebih dahulu dan kemudian menambahkan ke DOM, daripada iteratif menambahkannya ke dom. Anda harus membandingkan sendiri kasing Anda.

(Terima kasih @zAlbee untuk koreksi)

Saya tidak punya komentar tentang rangkaian itu sendiri, tetapi saya ingin menunjukkan bahwa saran @Jakub Hampl:

Untuk membangun string di DOM, dalam beberapa kasus mungkin lebih baik untuk menambahkan iteratif ke DOM, daripada menambahkan string besar sekaligus.

salah, karena didasarkan pada tes yang cacat. Tes itu tidak pernah benar-benar ditambahkan ke DOM.

Tes tetap ini menunjukkan bahwa membuat string sekaligus sebelum merendernya jauh, JAUH lebih cepat. Ini bahkan bukan kontes.

(Maaf ini adalah jawaban yang terpisah, tetapi saya belum memiliki cukup perwakilan untuk mengomentari jawaban.)

Tiga tahun yang lalu sejak pertanyaan ini dijawab tetapi saya tetap akan memberikan jawaban saya :)

Sebenarnya, jawaban yang diterima tidak sepenuhnya benar. Tes Jakub menggunakan string hardcoded yang memungkinkan mesin JS untuk mengoptimalkan eksekusi kode (Google V8 sangat bagus dalam hal ini!). Tapi begitu Anda menggunakan string yang benar-benar acak (di sini adalah JSPerf ) maka rangkaian string akan berada di tempat kedua.

Anda juga dapat melakukan string concat dengan templat literal . Saya memperbarui tes JSPerf poster lain untuk memasukkannya.

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