How to merge or combine arrays in JavaScript

In JavaScript there are manyways to merge or combine arrays let’s learn the most commonly used methods to merging arrays.

Array.Concat( ) method

JavaScript concat method creates the new array by merging two or more arrays instead of mutating the existing arrays.

const num1  = [1,2,3,4];
const num2 = [5,6,7,8];

console.log(event.concat(odd))

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

Merging three arrays

const num1 = [1,2,3];
const num2 = [4,5,6];
const num3 = [7,8,9];

console.log(num1.concat(num2,num3));

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

Spread operator

We can also use JavaScript spread(…) operator to merge arrays.

const num1  = [1,2,3,4];
const num2 = [5,6,7,8];

console.log([...num1,...num2]);

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

For loops

We can also merge arrays by using the loops.

const  num1  = [1,2,3,4];
const num2 = [5,6,7,8];


for (let n of num2){

  num1.push(n)

}

console.log(num1)

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

In the above code, we changed the existing array numbers by pushing the num2 array elements.

• Share:
• 
•