Skip to content

How to Merge Two Arrays Without Creating a New Array in JavaScript?

How to Merge Two Arrays Without Creating a New Array in JavaScript?

Last Updated : 07 Nov, 2024

Given two arrays, the task is to merge both arrays to make a single array without creating a new array in JavaScript. It modifies one array in place to store the merged array elements.

We can use the array push() method to insert array elements into another array using Spread Operator. This approach will modify the first array in place and won't create a new array.

Syntax

array1.push( ...array2);

JavaScript

let array1 = [ 1, 2, 3 ]; let array2 = [ 4, 5, 6 ]; array1.push(...array2); console.log(array1);

Output

[ 1, 2, 3, 4, 5, 6 ]

Please Read JavaScript Array Tutorial for complete understanding of JavaScript Array.

Table of Content

Using Array concat() Method

We can use array concat() method to Merge Two Arrays Without Creating a New Array. It is a very basic method to merge arrays. It takes second array as a parameter and store the merged array to the first array.

Syntax

array1 = array1.concat( array2 );

JavaScript

let array1 = [ 1, 2, 3 ];  let array2 = [ 4, 5, 6 ];  // Store the merged array to first array array1 = array1.concat(array2);  console.log(array1);

Output

[ 1, 2, 3, 4, 5, 6 ]

Using Array splice() Method

The array splice() method is used to modify the contents of an array by removing the existing elements and/or by adding new elements.

Syntax

array1.splice( index, removeCount, ...array2 )

JavaScript

let array1 = [ 1, 2, 3 ]; let array2 = [ 4, 5, 6 ]; array1.splice(array1.length, 0, ...array2); console.log(array1);

Output

[ 1, 2, 3, 4, 5, 6 ]

Using a for Loop

We can also use for loop to merge two arrays without creating a new array. We will use for loop with push() method to merge arrays without creating new array.

JavaScript

let array1 = [ 1, 2, 3 ]; let array2 = [ 4, 5, 6 ];  for (let i = 0; i < array2.length; i++) {     array1.push(array2[i]); }  console.log(array1);

Output

[ 1, 2, 3, 4, 5, 6 ]

How to Merge Two Arrays Without Creating a New Array in JavaScript?

G

geethabtrweh

Improve

Article Tags :

Similar Reads

JavaScript Program to Merge two Sorted Arrays into a Single Sorted Array

In this article, we will cover how to merge two sorted arrays into a single sorted array in JavaScript. Given there are two sorted arrays, we need to merge them into a single sorted array in JavaScript. We will see the code for each approach along with the output. Below are the possible approaches t

JavaScript Program to Transform Nested Array into Normal Array

JavaScript allows us to convert nested arrays into a single, flat array using JavaScript. By simplifying nested structures, you can enhance the manageability and readability of your code. Example: Input: [[1, 2], [3, [4, 5]]] Output: [1, 2, 3, 4, 5]Below are the approaches to transform nested arrays

JavaScript Program to Create an Array of Unique Values From Multiple Arrays Using Set Object

We have given multiple arrays consisting of numerical values, and our task is to create an output array that consists of unique values from the multiple input arrays. We will use the Set object in JavaScript language. Example: Input: inputarray1: [1,2,3,4,5] inputarray2: [4,5,6,7,8] Output: outputAr

JavaScript Program to Find if Arrays are Disjoint or Not

Given two arrays, Our task is to check if the given two arrays are disjoint or not. Disjoint arrays in JavaScript are arrays that have no elements in common Input: arr1[] = [12, 34, 11, 9, 3] arr2[] = [2, 1, 3, 5]Output: Not Disjoint3 is common in two sets.Input: arr1[] = [12, 34, 11, 9, 3] arr2[] =

How to Add a key/value Pair to Map in JavaScript ?

This article will demonstrate how we can add a key-value pair in the JavaScript map. JavaScript Map is a collection of key-value pairs in the same sequence they are inserted. These key values can be of primitive type or the JavaScript object. All methods to add key-value pairs to the JavaScript Map: