How to Push Object to Array in JavaScript [4 step]

If you have a list of objects and want to store them in an array, you can easily do it by using JavaScript.

To Push an Object inside an Array there are many options and methods available in JavaScript like splice and unshift methods, spread operator, also, etc.

The most common and easiest way to do this is by using the JavaScript push() method, here is how,

Create an empty array and create your object, after that push your object into that empty array using the push() method. for example,

Here is an example:

// Create an array
let myArray = [];

// Create objects
let obj1 = { name: 'Alice', age: 25 };
let obj2 = { name: 'Bob', age: 28 };

// Push objects into the array
myArray.push(obj1);
myArray.push(obj2);

// Display the array
console.log(myArray);

Output:

[ { name: 'Alice', age: 25 }, { name: 'Bob', age: 28 } ]

In today's article, we will see how to push an object to an array method with the push() method in an easy step-by-step.

Benefits of pushing objects into an array

Pushing objects into an array is very common and has some amazing advantages like

Organization and structure, built-in methods like push, pop, map, filter and reduce, flexibility, adaptability, efficiency, and many more.

Follow all the steps given below carefully.

How to JavaScript Push Object to Array using steps

Step 1: Create an empty array

The first step is to create a row or empty array,

inside your JavaScript file, Create a variable by giving a name and also add an empty square bracket []

Example:

let myArray = [];

The above example code has a let variable named myArray and empty brackets []

Step 2: Make an object

Once you have created your empty array then in this step we will create our object

If you have already created your object, you can skip this step and go to step 3.

Simply you can create your object methods by adding your data to your object
Here is my object with an example:

let myObject = {
name: "John",
age: 30,
};

As you can see in the above example, the object is named `myobject` which contains `name` and `age`

Step 3: Push the object to the array

After creating the object let's push the object into an array,

As I said we are going to use the JavaScript push() method for an object so the object will be inside the array method

Example:

myArray.push(myObject);

In the above example, I have my empty array and I have invoked a push() method after which I have added my object inside the brackets `()`

The push method now automatically pushes my object inside the array.

Step 4: Output in the console

After following all the steps, now try console.log on your browser.

To preview it in the console first write the code, call console.log() in your own space, and see the output. Here's an example,

Example:

console.log(myArray);

After running this code there will be only one object in `myArray`, you can also add more objects to the array in the same way

Here is the Output:

As you can see now, I have my object inside the Array method, you can also print it in the document using the`document.write`

I hope this article helps you push your object into an array method.

Related Posts:

• How to Disable HTML Code without Deleting [3 Methods]
• How to Convert String Array to Integer Array? [5 Easy Methods]
• How to Change Background and Text Color in HTML Without CSS