JavaScript- Append in Array

JavaScript- Add an Object to JS Array

Last Updated : 10 May, 2025

In JavaScript, arrays are used to store multiple values in a single variable, and objects are collections of properties and values. Sometimes, we may need to add an object to an array to manage data more effectively.

These are the following ways to add an object to a JS array:

Using JavaScript Array push() Method
Using JavaScript Array unshift() Method
Using Array Concatenation (concat)
Using Spread Operator

1. Using JavaScript Array push() Method

The push() method is used to add one or multiple elements to the end of an array. It returns the new length of the array formed. An object can be inserted by passing the object as a parameter to this method.

JavaScript

let obj = { name: "GFG", age: 30 };
let arr = ["Emma", "Sophia"];
arr.push(obj);
console.log(arr);

Output

[ 'Emma', 'Sophia', { name: 'GFG', age: 30 } ]

In this example

let obj = { name: "GFG", age: 30 };: Defines an object obj with properties name and age.
let arr = ["Emma", "Sophia"];: Defines an array arr with two string elements.
arr.push(obj);: Adds the object obj to the end of the array arr.
console.log(arr);: Logs the updated array to the console

2. Using JavaScript Array unshift() Method

The unshift() method is used to add one beginning of an array. It returns the length of the new array formed. An object can be inserted by passing the object as a parameter to this method.

JavaScript

let list = ["GFG", "Contribute", "Explore"];
let obj = { name: "GFG User", age: 30 };
list.unshift(obj);
console.log(list);

Output

[ { name: 'GFG User', age: 30 }, 'GFG', 'Contribute', 'Explore' ]

In this example

let list = ["GFG", "Contribute", "Explore"]; – Defines an array list with three string elements.
let obj = { name: "GFG User", age: 30 }; – Defines an object obj with properties name and age.
list.unshift(obj); – Adds the object obj to the beginning of the array list.
console.log(list); – Logs the updated array to the console.

3. Using Array Concatenation (concat)

This approach involves using the concat method, which combines two arrays non-destructively. It returns a new array containing all elements from the original arrays without modifying them.

JavaScript

let list = ["Python", "C#", "GO"];
let obj = { name: "Java", usedBy: "3000000+" };
const newArray = list.concat(obj);
console.log(newArray);

Output

[ 'Python', 'C#', 'GO', { name: 'Java', usedBy: '3000000+' } ]

In this example

let list = ["Python", "C#", "GO"]; – Defines an array list with three string elements.
let obj = { name: "Java", usedBy: "3000000+" }; – Defines an object obj with properties name and usedBy.
const newArray = list.concat(obj); – Combines the array list and the object obj into a new array newArray. The object is added as a single element.

4. Using Spread Operator

The spread operator (...) is used to expand elements of an iterable (like an array) into places where multiple elements are expected. We can utilize the spread operator to add an object to an array.

JavaScript

let obj = { name: "GFG User", age: 30 };
let arr = ["Emma", "Sophia"];
arr = [...arr, obj];
console.log(arr);

Output

[ 'Emma', 'Sophia', { name: 'GFG User', age: 30 } ]

In this example

let obj = { name: "GFG User", age: 30 }; – Defines an object obj.
let arr = ["Emma", "Sophia"]; – Defines an array arr.
arr = [...arr, obj]; – The spread operator (...) creates a new array by copying all elements of arr and appending the object obj at the end.
console.log(arr); – Logs the updated array.

5. Using splice() Method

The splice() method is more flexible and allows you to add an object to an array at a specific index. It can be used to add, remove, or replace elements in an array.

JavaScript

let users = [
    { name: "Jiya", age: 30 },
    { name: "Jolly", age: 25 }
];

let newUser = { name: "Meeta", age: 35 };
users.splice(1, 0, newUser);  
console.log(users);

Output

[
    { name: "Jiya", age: 30 },
    { name: "Meeta", age: 35 },
    { name: "Jolly", age: 25 }
]

In this example

The splice() method inserts the object { name: "Meeta", age: 35 } at index 1, which is between "Jiya" and "Jolly".
The second argument is 0, meaning no elements are removed, just the object is added.

Conclusion

In JavaScript, we can add objects to arrays using various methods. The push() method adds objects to the end, unshift() adds to the beginning, and concat() combines arrays. The spread operator offers a modern way to append objects, while splice() allows insertion at specific indices. Each method provides flexibility to manage arrays based on your needs.

JavaScript- Append in Array

Improve

Article Tags :

Similar Reads

How to Add Elements to a JavaScript Array?

Here are different ways to add elements to an array in JavaScript.1. Using push() MethodThe push() method adds one or more elements to the end of an array and returns the new length of the array.Syntaxarray.push( element1, element2, . . ., elementN );JavaScriptconst arr = [10, 20, 30, 40]; arr.push(

Create an Array of Given Size in JavaScript

The basic method to create an array is by using the Array constructor. We can initialize an array of certain length just by passing a single integer argument to the JavaScript array constructor. This will create an array of the given size with undefined values.Syntaxcosnt arr = new Array( length );J

Insert at the Beginning of an Array in JavaScript

Following are different ways to add new elements at the beginning of an array1. Using the Array unshift() Method - Most Used:Adding new elements at the beginning of the existing array can be done by using the Array unshift() method. This method is similar to the push() method but it adds an element

Remove Elements From a JavaScript Array

Here are the various methods to remove elements from a JavaScript ArrayRemove elements from Array1. Using pop() methodThe pop() method removes and returns the last element of an array. This function decreases the length of the array by 1 every time the element is removed.javascriptlet a = ["Apple",

Remove Duplicate Elements from JavaScript Array

To Remove the elements from an array we can use the JavaScript set method. Removing duplicate elements requires checking if the element is present more than one time in the array. 1. Using JavaScript Set() - Mostly UsedThe JavaScript Set() method creates an object containing only unique values. To r

How to Remove Multiple Elements from Array in JavaScript?

Here are various methods to remove multiple elements from an array in JavaScript1. Using filter() MethodThe filter() method creates a new array with the elements that pass the condition. This method does not change the original array.JavaScriptlet a = [1, 2, 3, 4, 5]; let remove = [2, 4]; a = a.filt

Insert at the Beginning of an Array in JavaScript

Following are different ways to add new elements at the beginning of an array1. Using the Array unshift() Method - Most Used:Adding new elements at the beginning of the existing array can be done by using the Array unshift() method. This method is similar to the push() method but it adds an element

Reverse an Array in JavaScript

Here are the different methods to reverse an array in JavaScript1. Using the reverse() MethodJavaScript provides a built-in array method called reverse() that reverses the elements of the array in place. This method mutates the original array and returns the reversed array.JavaScriptlet a = [1, 2, 3

JavaScript - Delete last Occurrence from JS Array

These are the following ways to remove the last Item from the given array: 1. Using pop() Method (Simple and Easiest Method for Any Array) The pop() method is used to get the last element of the given array it can also be used to remove the last element from the given array. JavaScriptlet a = [34, 2

Remove Empty Elements from an Array in JavaScript

Here are different approaches to remove empty elements from an Array in JavaScript.1. Using array.filter() MethodThe array filter() method is used to create a new array from a given array consisting of elements that satisfy given conditions.array.filter( callback( element, index, arr ), thisValue )J