In this article, we will learn how to merge two arrays without creating a new array. In JavaScript Array is used to store elements of similar data types. If we want to add an element into another array for merging two arrays, we can use the push method. There are many methods for merging two arrays without creating a new array.
Table of Content
Method 1: Using the push() method
We can use the ‘push’ method to insert one array into another and merge the two arrays. This approach will modify the first array in place and won’t create a new array.
Example: In the below example we are using .push to merge to arrays.
Javascript
const fruit1 = ['Mango', 'Apple', 'Orange']; const fruit2 = ['Banana', 'Avacado', 'Watermelon']; fruit2.forEach((element) => { fruit1.push(element); }); console.log(fruit1); |
[ 'Mango', 'Apple', 'Orange', 'Banana', 'Avacado', 'Watermelon' ]
Method 2: Using splice() Method
The JavaScript Array splice() Method is an inbuilt method in JavaScript that is used to modify the contents of an array by removing the existing elements and/or by adding new elements.
Example: In below example we are using splice method to merge two arrays.
Javascript
const array1 = ['US', 'London', 'Europe']; const array2 = ['Japan', 'Spain', 'Australia']; array1.splice(array1.length, 0, ...array2); console.log(array1); |
[ 'US', 'London', 'Europe', 'Japan', 'Spain', 'Australia' ]
Method 3: By using push.apply method
In this method, we will use apply() method with array.push() for merging two arrays without creating new arrays.
Example: In below example we are using ‘push.apply’ method to merge two arrays.
Javascript
const array1 = ["HTML", "CSS", "JAVA"]; const array2 = ["PYTHON", "JAVASCRIPT", ".NET"]; Array.prototype.push.apply(array1, array2); console.log(array1); |
[ 'HTML', 'CSS', 'JAVA', 'PYTHON', 'JAVASCRIPT', '.NET' ]
