What is the most efficient way to concatenate N arrays?

by

If you’re concatenating more than two arrays, concat() is the way to go for convenience and likely performance.

var a = [1, 2], b = ["x", "y"], c = [true, false];
var d = a.concat(b, c);
console.log(d); // [1, 2, "x", "y", true, false];

For concatenating just two arrays, the fact that push accepts multiple arguments consisting of elements to add to the array can be used instead to add elements from one array to the end of another without producing a new array. With slice() it can also be used instead of concat() but there appears to be no performance advantage from doing this.

var a = [1, 2], b = ["x", "y"];
a.push.apply(a, b);
console.log(a); // [1, 2, "x", "y"];

In ECMAScript 2015 and later, this can be reduced even further to

a.push(...b)

However, it seems that for large arrays (of the order of 100,000 members or more), the technique passing an array of elements to push (either using apply() or the ECMAScript 2015 spread operator) can fail. For such arrays, using a loop is a better approach. See https://stackoverflow.com/a/17368101/96100 for details.

More Related Contents:

  1. Creating a JavaScript global array with static elements?
  2. Array.prototype.fill() with object passes reference and not new instance
  3. JavaScript “new Array(n)” and “Array.prototype.map” weirdness
  4. Convert array to JSON
  5. Why can I add named properties to an array as if it were an object?
  6. Is the order of elements in a JSON list preserved?
  7. How to find if an array contains a specific string in JavaScript/jQuery?
  8. Sum JavaScript object propertyA values with the same object propertyB in an array of objects
  9. How to change value of object which is inside an array using JavaScript or jQuery?
  10. Create copy of multi-dimensional array, not reference – JavaScript
  11. Generate unique number within range (0 – X), keeping a history to prevent duplicates
  12. Javascript Array of Functions
  13. How can you sort an array without mutating the original array?
  14. Array Like Objects in Javascript
  15. Why does changing one array alters the other?
  16. Group by array and add field and sub array in main array
  17. Perform .join on value in array of objects
  18. JavaScript Array: get “range” of items
  19. Create a reset of javascript Array prototype when Array.prototype has been modified?
  20. Deep comparison of objects/arrays [duplicate]
  21. Are JavaScript Arrays actually implemented as arrays?
  22. How to check if an array contains another array?
  23. Remove duplicate objects from an array using javascript
  24. How can I use optional chaining with arrays and functions?
  25. How to remove duplicates from a two-dimensional array? [closed]
  26. Javascript – sorting array by multiple criteria
  27. Strange behavior of an array filled by Array.prototype.fill()
  28. What does the Array method `reduce` do?
  29. Group javascript array object by same key
  30. default array values

Leave a Comment