by Sai gowtham

How to concatenate two arrays in JavaScript

In this tutorial, we are going to learn about how to concatenate the two arrays in JavaScript.

Concatenation means the joining of two or more arrays into a single array.

Consider, we have the following two arrays:

const a = [1, 2, 3];
const b = [4, 5, 6];

Now, we need to join above two arrays like this:

[1, 2, 3, 4, 5, 6]

Using spread operator (…)

To concatenate the two arrays into a single array, we can use the spread(…) operator in JavaScript.

The spread operator unpacks the iterables (such as arrays, objects etc) into a individual elements.

Here is an example:

const a = [1, 2, 3];
const b = [4, 5, 6];

const result = [...a, ...b];
console.log(result);

Output:

[1, 2, 3, 4, 5, 6]

Using concat() Method

Similarly, we can also use the built-in concat() method in JavaScript to concatenate array2 with array1.

The concat() method doesn’t modify the original array, but instead of it returns the new array.

Here is an example:

const a = [1, 2, 3];
const b = [4, 5, 6];

const result = a.concat(b);
console.log(result);

Output:

[1, 2, 3, 4, 5, 6]

We can also concatenate three arrays in JavaScript like this:

const a = [1, 2, 3];
const b = [4, 5, 6];
const c = [7, 8, 9];


const result = a.concat(b, c);
console.log(result);

Output:

[1, 2, 3, 4, 5, 6, 7, 8, 9]

Css Tutorials & Demos

How rotate an image continuously in CSS

In this demo, we are going to learn about how to rotate an image continuously using the css animations.

How to create a Instagram login Page

In this demo, i will show you how to create a instagram login page using html and css.

How to create a pulse animation in CSS

In this demo, i will show you how to create a pulse animation using css.

Creating a snowfall animation using css and JavaScript

In this demo, i will show you how to create a snow fall animation using css and JavaScript.

Top Udemy Courses

JavaScript - The Complete Guide 2022 (Beginner + Advanced)
JavaScript - The Complete Guide 2022 (Beginner + Advanced)
64,026 students enrolled
52 hours of video content
View Course
React - The Complete Guide (incl Hooks, React Router, Redux)
React - The Complete Guide (incl Hooks, React Router, Redux)
284,472 students enrolled
40 hours of video content
View Course
Vue - The Complete Guide (w/ Router, Vuex, Composition API)
Vue - The Complete Guide (w/ Router, Vuex, Composition API)
152,857 students enrolled
48.5 hours of video content
View Course