How To Push Array Element In Node.js

Websolutionstuff | Oct-11-2021 | Categories : Node.js

Hello Dev,

In this example we will see how to push array element in node.js example. I will share some example about push object in array in node.js. node.js array element push, push element in array in node.js, node.js array push key value.

So, let's start to implement how to push array element in node.js

Example 1 : push() function

push() is an array function from node.js that is used to add element to the end of an array.

Syntax:

array_name.push(element)
push_array = [2, 4, 6, 8, 10, 12];
  
push_array.push(14);
  
console.log(push_array);

Output :

[ 2, 4, 6, 8, 10, 12, 14 ]

 

 

Example 2 : Key and Value

Now see key and value push in array object.

key_val_arr = [
    {id: 1, name: "dell" },
    {id: 2, name: "hp" },
    {id: 3, name: "apple" }
];
  
key_val_arr.push({id: 4, name: "lenovo"});
  
console.log(key_val_arr);

Output :

[

{ id: 1, name: 'dell' },

{ id: 2, name: 'hp' },

{ id: 3, name: 'apple' },

{ id: 4, name: 'lenovo' }

]

 

Example 3 : unshift() function

In this example add key and value in first position of array object using unshift() function.

key_val_arr = [
    { id: 1, name: "dell" },
    { id: 2, name: "hp" },
    { id: 3, name: "apple" }
];
  
key_val_arr.unshift({id: 4, name: "lenovo"});
  
console.log(key_val_arr);

Output :

[

{ id: 4, name: 'lenovo' },

{ id: 1, name: 'dell' },

{ id: 2, name: 'hp' },

{ id: 3, name: 'apple' }

]

 


You might also like :

 

Recommended Post
Featured Post
Laravel 9 CRUD Operation Example
Laravel 9 CRUD Operation Examp...

As we know Laravel 9 was officially released yesterday with many new functionalities like Symfony 6.0 components, Symfon...

Read More

Feb-10-2022

How To Get Multiple Checkbox Value In Javascript
How To Get Multiple Checkbox V...

Checkboxes let us make multiple choices. But how do you actually use them in JavaScript? It might seem tricky, especiall...

Read More

Jan-10-2023

Laravel 9 Socialite Login with Facebook Account
Laravel 9 Socialite Login with...

In this article, we will see laravel 9 socialite login with a facebook account. Many websites provide different typ...

Read More

Apr-16-2022

How To Change Datepicker Color In Angular 15 Material
How To Change Datepicker Color...

In this tutorial, I will guide you through the process of changing the color of a datepicker component in Angular 15 Mat...

Read More

Jul-05-2023