Skip to content

How to join two arrays in JavaScript

Find out how to merge two or more arrays using JavaScript

Suppose you have two arrays:

const first = ['one', 'two']
const second = ['three', 'four']

and you want to merge them into one single array

How can you do so?

The modern way is to use the destructuring operator, to create a brand new array:

const result = [...first, ...second]

This is what I recommend. Note that this operator was introduced in ES6, so older browsers (read: Internet Explorer) might not support it.

If you want a solution that works also with older browsers, you could use the concat() method which can be called on any array:

const result = first.concat(second)

Both methods will generate a new array, without modifying the existing ones.

→ Get my JavaScript Beginner's Handbook

I wrote 17 books to help you become a better developer, download them all at $0 cost by joining my newsletter

  • C Handbook
  • Command Line Handbook
  • CSS Handbook
  • Express Handbook
  • Git Cheat Sheet
  • Go Handbook
  • HTML Handbook
  • JS Handbook
  • Laravel Handbook
  • Next.js Handbook
  • Node.js Handbook
  • PHP Handbook
  • Python Handbook
  • React Handbook
  • SQL Handbook
  • Svelte Handbook
  • Swift Handbook

JOIN MY CODING BOOTCAMP, an amazing cohort course that will be a huge step up in your coding career - covering React, Next.js - next edition February 2025

Bootcamp 2025

Join the waiting list