Most efficient way to concatenate strings in JavaScript?

by

Seems based on benchmarks at JSPerf that using += is the fastest method, though not necessarily in every browser.

For building strings in the DOM, it seems to be better to concatenate the string first and then add to the DOM, rather then iteratively add it to the dom. You should benchmark your own case though.

(Thanks @zAlbee for correction)

More Related Contents:

  1. Fastest method to escape HTML tags as HTML entities?
  2. What’s the best way to convert a number to a string in JavaScript?
  3. Why is [1,2] + [3,4] = “1,23,4” in JavaScript?
  4. What’s the best way to do string building/concatenation in JavaScript?
  5. What does ${} (dollar sign and curly braces) mean in a string in JavaScript?
  6. How to build/concatenate strings in JavaScript?
  7. is the + operator less performant than StringBuffer.append()
  8. Efficient Javascript String Replacement
  9. Prepend text to beginning of string
  10. Are ES6 template literals faster than string concatenation?
  11. Strip HTML from Text JavaScript
  12. Count the number of occurrences of a character in a string in Javascript
  13. Is there a built in way to convert a comma-separated string to an array?
  14. Why does JavaScript handle the plus and minus operators between strings and numbers differently?
  15. When does reflow happen in a DOM environment?
  16. Check whether an input string contains a number in javascript
  17. regex.test V.S. string.match to know if a string matches a regular expression
  18. Convert camelCaseText to Title Case Text
  19. How to create a date object from string in javascript [duplicate]
  20. Why is bind slower than a closure?
  21. How do I replace all occurrences of a string in JavaScript?
  22. How to check if character is a letter in Javascript?
  23. Using JavaScript to perform text matches with/without accented characters
  24. v8 JavaScript performance implications of const, let, and var?
  25. Replace string in javascript array
  26. JavaScript – Replace all commas in a string [duplicate]
  27. Replacing accented characters with plain ascii ones [duplicate]
  28. Convert JavaScript String to be all lowercase
  29. Put quotes around a variable string in JavaScript
  30. Does jQuery strip some html elements from a string when using .html()?

Leave a Comment