JavaScript - Create Partial Objects Array from Another Array

Extend existing JS array with Another Array

Last Updated : 15 Nov, 2024

To extend an array with another without creating a new array we can use the JavaScript array.push() method. This method extend the array by adding the elements at the end. These are the following methods:

1. Using array.push() with Spread operator

JavaScript array.push() method adds one or more elements to the end of an array and returns the new length of the array. Spread Operator expands an iterable into individual elements.

JavaScript

const a1 = [ 10, 20, 30 ]
const a2 = [ 40, 50 ]

// Extend the array using array.push()
a1.push(...a2);

console.log(a1);

Output

[ 10, 20, 30, 40, 50 ]

2. Using Array push.apply() Method

Array push.apply() method is used when the ES6 is not supported. It is used to add elements at the end of the array.

JavaScript

const a1 = [ 10, 20, 30 ]
const a2 = [ 40, 50 ]
// Extend the array using array.push.apply()
a1.push.apply( a1, a2 );
console.log(a1);

Output

[ 10, 20, 30, 40, 50 ]

3. Using Spread Operator

The spread operator is used to expand the individual elements from the array and these elements can be converter to array using the aray literals.

JavaScript

let a1 = [ 10, 20, 30 ]
let a2 = [ 40, 50 ]
a1 = [ ...a1, ...a2 ];
console.log(a1);

Output

Updated first array: [ 10, 20, 30, 40, 50 ]

4. Using array.splice() Method

The array.splice() method is used to remove, replace and add one or more elements in the existing array.

JavaScript

let a1 = [ 10, 20, 30 ]
let a2 = [ 40, 50 ]

// Extend existing array using splice()
a1.splice( a1.length, 0, ...a2);

console.log(a1);

Output

[ 10, 20, 30, 40, 50 ]

JavaScript - Create Partial Objects Array from Another Array

R

ruturajsinhrathod3

Improve

Article Tags :

Similar Reads

Copy Array Items Into Another Array in JavaScript

In JavaScript, copying array items into another array in JavaScript is helpful when you want to make changes to the data without affecting the original array. It helps avoid mistakes, keeps the original data safe, and is useful when you need to work with a separate copy of the array for testing or p

How to pass array in another array of objects?

In this article, we will try to understand how to pass an array in another array of objects in JavaScript with the help of specific examples. Pre-requisite: Array of Objects in JavaScript Example: Input:[ [ [100, 100, 100], [100, 100, 98, 50], [100, 100, 100, 20], ], [ [100, 100, 100, 99], [100, 100

How to extend an existing array with another array without creating a new array in JavaScript ?

To extend an array with another without creating a new array we can use the JavaScript array.push() method. This method extend the array by adding the elements at the end. These are the following methods: 1. Using array.push() with Spread operator JavaScript array.push() method adds one or more elem

JavaScript - Create Partial Objects Array from Another Array

Here are the different ways to create an array of partial objects from another array in JavaScript 1. Using map()The map() method is the most efficient and commonly used way to extract specific properties from objects in an array. It creates a new array by transforming each object. [GFGTABS] JavaScr

How to splice an array without mutating the original Array?

To splice or remove elements without changing the original array, you can use various techniques to create a copy first. Here are the most effective ways to do this 1. Using slice() and concat() Methods - Most UsedThe combination of slice() and concat() methods allows you to remove elements from an

Interesting Facts about JavaScript Arrays

Let us talk about some interesting facts about JavaScript Arrays that can make you an efficient programmer. Arrays are ObjectsJavaScript arrays are actually specialized objects, with indexed keys and special properties. They have a length property and are technically instances of the Array construct

Sort An Array Of Arrays In JavaScript

The following approaches can be used to sort array of arrays in JavaScript. 1. Using array.sort() Method- Mostly UsedJS array.sort() is used to sort and update the original array in ascending order. [GFGTABS] JavaScript let arr = [[3, 2], [1, 4], [2, 5], [2, 0]]; arr.sort(); console.log(arr); [/GFGT

Difference Between Array.from and Array.of in JavaScript

JavaScript provides various methods for creating and manipulating arrays, two of which are Array.from and Array.of. These methods are part of the ECMAScript 6 (ES6) specification and offer distinct ways to create arrays. Understanding the differences between these two methods is important for effici

How to Filter an Array from all Elements of another Array In JavaScript?

Filtering one array from all elements of another array is a common task in JavaScript. This involves removing elements from one array that are present in another array. In this article we will explore different approaches to filter an array from all elements of another array in JavaScript. These are

Create an array filled with given values Using JavaScript

In JavaScript, an array is a collection of values that can be stored and accessed in a single variable. Each value in an array is called an element, and elements can be of any data type, such as numbers, strings, or other objects. Arrays are indexed, meaning that each element has a numerical positio