JavaScript Push an object into an array

In this tutorial, we are going to learn about how to push object into an array in JavaScript with the help of examples.

Consider, we have a following array and object in our JavaScript code:

const arr = [];

const obj = {car: "audi", speed: "100"};

To push an object into an array, we can use the push() method by passing the object as an argument to it. Eg: arr.push(obj); pushes the object to an array.

The push() method is adds the one or multiple elements to the end of an array.

Here is an example:

const arr = [];
const obj = {car: "audi", speed: "100"};

arr.push(obj);
console.log(arr);

Output:

[{car: "audi", speed: "100"}]

In the example, above we have the Array.push() method to push our object into an array.

We can also use the Array.push() method to push the multiple objects to an array.

Example:

const arr = [];
const obj1 = {car: "audi", speed: "100"};
const obj2 = {car: "benz", speed: "120"};
const obj3 = {car: "bmw", speed: "110"};


arr.push(obj1, obj2, obj2);
console.log(arr);

Output:

[
    {
        "car": "audi",
        "speed": "100"
    },
    {
        "car": "benz",
        "speed": "120"
    },
    {
        "car": "benz",
        "speed": "120"
    }
]

Note: If you use the Array.push() method, the object is pushed to the end of an array.

You can also push the object to the beginning of array using the Array.unshift method.

const arr = [{"car": "benz", "speed": "120"}];

const obj = {car: "audi", speed: "100"};

arr.unshift(obj);
console.log(arr);

Now, it pushes the object at the beginning of an array.

Output:

[
    {
        "car": "audi",
        "speed": "100"
    },
    {
        "car": "benz",
        "speed": "120"
    }
]