How to extend an existing JavaScript array with another array, without creating a new array

by

The .push method can take multiple arguments. You can use the spread operator to pass all the elements of the second array as arguments to .push:

>>> a.push(...b)

If your browser does not support ECMAScript 6, you can use .apply instead:

>>> a.push.apply(a, b)

Or perhaps, if you think it’s clearer:

>>> Array.prototype.push.apply(a,b)

Please note that all these solutions will fail with a stack overflow error if array b is too long (trouble starts at about 100,000 elements, depending on the browser).
If you cannot guarantee that b is short enough, you should use a standard loop-based technique described in the other answer.

More Related Contents:

  1. Why is [1,2] + [3,4] = “1,23,4” in JavaScript?
  2. Sorting array of object based on range of Numbers of String [closed]
  3. How to remove item from array by value? [duplicate]
  4. Javascript call() & apply() vs bind()?
  5. How to convert an Object {} to an Array [] of key-value pairs in JavaScript
  6. Move an array element from one array position to another
  7. How to sort 2 dimensional array by column value?
  8. How might I find the largest number contained in a JavaScript array?
  9. Why is array.push sometimes faster than array[n] = value?
  10. How to randomize (shuffle) a JavaScript array?
  11. Copy array by value
  12. Idiomatically find the number of occurrences a given value has in an array
  13. Getting current date and time in JavaScript
  14. Reverse array in Javascript without mutating original array
  15. Undefined values in Array(len) initializer
  16. Sum of array object property values in new array of objects in Javascript [duplicate]
  17. What is the performance of Objects/Arrays in JavaScript? (specifically for Google V8)
  18. Javascript – Generating all combinations of elements in a single array (in pairs)
  19. Create an empty object in JavaScript with {} or new Object()?
  20. Filtering an array with a function that returns a promise
  21. Why does 2 == [2] in JavaScript?
  22. Javascript algorithm to find elements in array that are not in another array
  23. Sieve of Eratosthenes algorithm in JavaScript running endless for large number
  24. What is the difference between a shallow copy and a deep copy with JavaScript arrays? [duplicate]
  25. Splicing a Javascript array from within the callback passed to forEach
  26. javascript: convert two dimensional array to array of objects using the first ‘row’ to define properties
  27. Adding text to beginning of each array element
  28. Handling multiple files from an input element in an array with Google Apps Script
  29. How to convert an array into an object in javascript with mapped key-value pairs?
  30. How to flatten array in jQuery?

Leave a Comment