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
    • 325
    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 .

    Conclusion:-

    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
                           OR                           
                           OR                           
Register

Sign up using

                           OR                           
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: