Il modo più efficiente per concatenare le stringhe in JavaScript?

In JavaScript, ho un ciclo che ha molte iterazioni e in ogni iterazione sto creando una stringa enorme con molti +=operatori. Esiste un modo più efficiente per creare una stringa? Stavo pensando di creare un array dinamico in cui continuo ad aggiungere stringhe e quindi a fare un join. Qualcuno può spiegare e dare un esempio del modo più veloce per farlo?

Sembra basato sui benchmark di JSPerf che l'utilizzo +=sia il metodo più veloce, sebbene non necessariamente in tutti i browser.

Per la creazione di stringhe nel DOM, sembra meglio concatenare prima la stringa e quindi aggiungerla al DOM, anziché aggiungerla iterativamente al dom. Dovresti confrontare il tuo caso però.

(Grazie @zAlbee per la correzione)

Non ho commenti sulla stessa concatenazione, ma vorrei sottolineare che il suggerimento di @Jakub Hampl:

Per la creazione di stringhe nel DOM, in alcuni casi potrebbe essere meglio aggiungere iterativamente al DOM, piuttosto che aggiungere una stringa enorme contemporaneamente.

è sbagliato, perché si basa su un test errato. Quel test non viene mai effettivamente aggiunto al DOM.

Questo test fisso mostra che creare la stringa tutta in una volta prima di renderla è molto, MOLTO più veloce. Non è nemmeno una gara.

(Mi dispiace, questa è una risposta separata, ma non ho ancora abbastanza rappresentante per commentare le risposte.)

Tre anni dopo la risposta a questa domanda, ma fornirò comunque la mia risposta :)

In realtà, la risposta accettata non è completamente corretta. Il test di Jakub utilizza una stringa hardcoded che consente al motore JS di ottimizzare l'esecuzione del codice (il V8 di Google è davvero buono in questa roba!). Ma non appena si utilizzano stringhe completamente casuali ( qui è JSPerf ), la concatenazione delle stringhe sarà al secondo posto.

Puoi anche concatenare stringhe con letterali di template . Ho aggiornato i test JSPerf degli altri poster per includerlo.

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