Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
  • Merging An Array Using JavaScript

    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 309
    Comment on it

    Hello reader's, Today in my blog I will discuss about the merging an array using JavaScript.


    Basically the term “Merge” means to combine or join two array into a single array.


    In JavaScript , for merging arrays it uses concat  method , which produces a new array.

    The variables in JavaScript are passed by reference , by using concat ( ) which results in mess .

    So , if in our code we want to merge a second array into an existing array , we can use this code :-

    var array1 = [1, 2, 3]; var array2 = [4, 5, 6]; Array.prototype.push.apply(array1, array2); console.log(array1); // is: [1, 2, 3, 4, 5, 6]

    In the above example , we have taken two arrays containing the desired values in it.


    With the help of array.prototype.push.apply method , we can easily merge the two arrays .


    Push( ) Method :-


    The push( ) method helps to add one or more elements to the end of an array and a new length of an array gets returned.


    This method it can be used with call( ) or apply( ) method on the objects that are resembling to an array.


    Basically the push( ) method relies on the length property which is used to determine where to insert the given values in the document.


    Below is an example to show the use of push( ) method :-


    var sports = ['soccer', 'baseball'];
    var total = sports.push('football', 'swimming');
    console.log(sports); // ['soccer', 'baseball', 'football', 'swimming']
    console.log(total); // 4 


    In this code, we have created an array with the name as sport having two values in it.


    On creating the variable total , with the help of push method I have inserted two more values to the existing array.


    Below is a code displaying the apply( ) method :-


    var vegetables = ['parsnip', 'potato'];
    var moreVegs = ['celery', 'beetroot'];
    // Merge the second array into the first one
    // Equivalent to vegetables.push('celery', 'beetroot');
    Array.prototype.push.apply(vegetables, moreVegs);
    console.log(vegetables); // ['parsnip', 'potato', 'celery', 'beetroot']


    In the above code , I have used apply( ) method to push all elements from a second array into the first one .


    Hence, with the help of simple example we can easily merge two array in JavaScript.


    Note:- The above method is browser supportable in Chrome1.0 , Firefox1.0, I.E 5.5 , Opera and Safari .

 0 Comment(s)

Sign In

Sign up using

Forgot Password
Fill out the form below and instructions to reset your password will be emailed to you:
Reset Password
Fill out the form below and reset your password: