Cách hiệu quả nhất để nối chuỗi trong JavaScript?

Trong JavaScript, tôi có một vòng lặp có nhiều lần lặp và trong mỗi lần lặp, tôi đang tạo ra một chuỗi lớn với nhiều +=toán tử. Có cách nào hiệu quả hơn để tạo một chuỗi? Tôi đã suy nghĩ về việc tạo ra một mảng động nơi tôi tiếp tục thêm các chuỗi vào nó và sau đó thực hiện nối. Bất cứ ai có thể giải thích và đưa ra một ví dụ về cách nhanh nhất để làm điều này?

Có vẻ dựa trên điểm chuẩn tại JSPerf rằng sử dụng +=là phương pháp nhanh nhất, mặc dù không nhất thiết phải có trong mọi trình duyệt.

Để xây dựng chuỗi trong DOM, có vẻ tốt hơn là nối chuỗi trước rồi sau đó thêm vào DOM, thay vào đó lặp lại thêm chuỗi đó vào dom. Bạn nên điểm chuẩn trường hợp của riêng bạn mặc dù.

(Cảm ơn @zAlbee đã sửa)

Tôi không có nhận xét nào về việc ghép nối, nhưng tôi muốn chỉ ra rằng đề xuất của @Jakub Hampl:

Để xây dựng các chuỗi trong DOM, trong một số trường hợp, có thể tốt hơn là lặp lại thêm vào DOM, thay vào đó thêm một chuỗi lớn cùng một lúc.

là sai, bởi vì nó dựa trên một bài kiểm tra thiếu sót. Bài kiểm tra đó không bao giờ thực sự nối vào DOM.

Bài kiểm tra cố định này cho thấy rằng việc tạo tất cả các chuỗi cùng một lúc trước khi kết xuất nó là nhiều, NHIỀU nhanh hơn. Nó thậm chí không phải là một cuộc thi.

(Xin lỗi, đây là một câu trả lời riêng biệt, nhưng tôi chưa có đủ đại diện để nhận xét về câu trả lời.)

Ba năm trước kể từ khi câu hỏi này được trả lời nhưng tôi sẽ cung cấp câu trả lời của mình nào :)

Trên thực tế, câu trả lời được chấp nhận là không hoàn toàn chính xác. Thử nghiệm của Jakub sử dụng chuỗi mã hóa cứng cho phép công cụ JS tối ưu hóa việc thực thi mã (V8 của Google thực sự tốt trong công cụ này!). Nhưng ngay khi bạn sử dụng các chuỗi hoàn toàn ngẫu nhiên ( ở đây là JSPerf ) thì việc nối chuỗi sẽ ở vị trí thứ hai.

Bạn cũng có thể thực hiện nối chuỗi với chữ theo mẫu . Tôi đã cập nhật các bài kiểm tra JSPerf của người đăng khác để đưa nó vào.

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