Найефективніший спосіб об'єднання рядків у JavaScript?

У JavaScript у мене є цикл, який має багато ітерацій, і в кожній ітерації я створюю величезну рядок з багатьма +=операторами. Чи є більш ефективний спосіб створити рядок? Я думав над створенням динамічного масиву, де я постійно додаю до нього рядки, а потім виконую з'єднання. Хтось може пояснити та навести приклад найшвидшого способу зробити це?

Здається, що на основі орієнтирів JSPerf базується, що використання +=- це найшвидший метод, але не обов'язково у кожному браузері.

Для побудови рядків у DOM здається, що краще спочатку об'єднати рядок, а потім додати до DOM, а не потім ітеративно додати його до dom. Однак ви повинні орієнтувати свій власний випадок.

(Дякую @zAlbee за виправлення)

Я не маю коментарів щодо самого конкатенації, але хочу зазначити, що пропозиція @Jakub Hampl:

Для побудови рядків у DOM в деяких випадках може бути краще ітеративно додавати до DOM, а не додавати відразу величезну рядок.

є неправильним, оскільки він заснований на хибному тесті. Цей тест насправді ніколи не додається до DOM.

Цей фіксований тест показує, що створення рядка відразу заздалегідь перед його наданням набагато швидше. Це навіть не конкурс.

(Вибачте, це окрема відповідь, але у мене ще недостатньо респондентів, щоб коментувати відповіді.)

Минуло три роки з моменту відповіді на це запитання, але я все одно надам свою відповідь :)

Власне, прийнята відповідь не є повністю коректною. У тесті Якуба використовується жорстко кодована рядок, яка дозволяє двигуну JS оптимізувати виконання коду (V8 Google справді хороший у цьому матеріалі!). Але як тільки ви використовуєте повністю випадкові рядки ( ось JSPerf ), то конкатенація рядків буде на другому місці.

Ви також можете робити конфакт рядків з літералами шаблону . Я оновив тести JSPerf інших плакатів, щоб включити їх.

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