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
500 Internal Server Error In Laravel 9 AJAX
500 Internal Server Error In L...

In this article, we will see 500 internal server errors in laravel 9 ajax. Also, we can see how to solve or fixed l...

Read More

Apr-17-2022

Laravel 8 Inner Join Query Example
Laravel 8 Inner Join Query Exa...

In this tutorial we will learn about laravel 8 inner join query example. Also see how to join two tables in laravel 8. I...

Read More

Nov-24-2021

How To Get Current URL In React JS
How To Get Current URL In Reac...

As a React JS developer, I have come to appreciate the power and popularity of this remarkable JavaScript library. Its c...

Read More

Aug-09-2023

Laravel 9 Generate PDF File Using DomPDF
Laravel 9 Generate PDF File Us...

In this tutorial, we will see laravel 9 generate pdf file using dompdf. For generating pdf files we will use the la...

Read More

Feb-25-2022