5 Ways To Merge Arrays in JavaScript

Roopam Gupta — Tue, 07 Dec 2021 19:45:04 +0000

First, Using Concat Method

{

    let arr1 = [1, 2, 3];
    let arr2 = [4, 5, 6];

    let merged = [].concat(arr1, arr2);
    console.log(merged);

    // Output :-
    // [1, 2, 3, 4, 5, 6]

}

Second, Using Push Method

{

    let arr1 = [1, 2, 3];
    let arr2 = [4, 5, 6];

    let merged = arr1.push(...arr2);
    console.log(merged);   //  6
    console.log(arr1);     //  [1, 2, 3, 4, 5, 6]

}

Third, Using Spread Operator

{

    let arr1 = [1, 2, 3];
    let arr2 = [4, 5, 6];

    let merged = [...arr1, ...arr2];
    console.log(merged);

    // Output :-
    // [1, 2, 3, 4, 5, 6]

}

Fourth, Using For Loop

{

    const merge = (first, second) => {
        for(let i=0; i<second.length; i++){
            first.push(second[i]);
        }
        return first;
    }

    let merged = merge(merge([1, 2, 3],[4, 5, 6]))
    console.log(merged);

    // Output :-
    // [1, 2, 3, 4, 5, 6]
}

Fifth, Using reduce methods

{

    let arr1 = [1,2,3];
    let arr2 = [4,5,6];

    let merged = arr2.reduce((arr,item) => {
        arr.push(item);
        return arr;
    }, arr1);
    console.log(merged);  //  6
    console.log(arr1);    //  [1,2,3,4,5,6]

}

Also Checkout :

JavaScript Arrow Functions ( easy tutorial )

Roopam Gupta — Wed, 22 Sep 2021 07:15:37 +0000

Before ES6, Functions were written as :

greeting = function(){
      return "This is webdevprojekts!";
}

With the introduction of Arrow Functions in ES6 :

greeting = () => {
      return "This is webdevprojekts!";
}

Arrow Functions return value by default, thus it gets more shorter :

greeting = () => "This is webdevprojekts!";

Arrow Functions with parameter :

if you have parameters, you pass them inside the parantheses :

greeting = (name) => "This is webdevprojekts!" + name;

Arrow Functions with single parameter :

if you only have one parameter, you can skip the parantheses as well :

greeting = name => "This is webdevprojekts!" + name;

DEV Community: Roopam Gupta