JavaScript .concat()

The .concat() array method merges, or concatenates, two or more arrays.

Syntax

The .concat() method does not change the existing arrays, but instead returns a new array.

array1.concat(array2);

Copy to clipboard
Copy to clipboard

It can also concatenate more than two arrays:

array1.concat(array2, array3, array4);

Copy to clipboard
Copy to clipboard

Example 1

Concatenating two arrays:

const grocery1 = ['blueberries', 'eggs', 'artichoke'];
const grocery2 = ['milk', 'cookies'];

const grocery = grocery1.concat(grocery2);

console.log(grocery);
// Output: [ 'blueberries', 'eggs', 'artichoke', 'milk', 'cookies' ]

Copy to clipboard
Copy to clipboard

Example 2

const balls1 = ['⚽', '🏈', '⚾', '🎾'];
const balls2 = ['🏀', '🏐'];

const balls = balls1.concat(balls2);

console.log(balls);
// Output: [ '⚽', '🏈', '⚾', '🎾', '🏀', '🏐' ]

Copy to clipboard
Copy to clipboard

Codebyte Example

Concatenating three arrays:

Visit us
Visit us
Hide code
Code
Output
Hide output
Loading...
Copy to your clipboard
Copy Codebyte
Run