JavaScript push() Method: Array Object

Last update on August 19 2022 21:50:37 (UTC/GMT +8 hours)

Description

The push() method adds one or more elements at the end of an array and returns the new length of the array.

Version

Implemented in JavaScript 1.2

Syntax

push(element1, element2,.................elementN)

Parameters

element1, element2,.................elementN

The elements to add at the end of the array.

Example:

In the following web document, there is an array fruitslist with two elements "Orange" and "Apple". Now push() method adds two elements "Banana", "Chery" at the end of the array.

HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf8" />
<title>JavaScript push() method example</title>
<style type="text/css">
h1 {color:red}
</style>
</head>
<body>
<h1>JavaScript : push() method</h1>
<script src="array-push-example1.js"></script>
</body>
</html>

JS Code

var fruitslist = new Array("Orange", "Apple");
var newParagraph = document.createElement("p");
var newText = document.createTextNode("Fruits List : " + fruitslist); 
newParagraph.appendChild(newText); 
document.body.appendChild(newParagraph);

var newParagraph1 = document.createElement("p"); 
var newText1 = document.createTextNode("Now add 'Banana' and 'Chery' as new fruits.");
newParagraph1.appendChild(newText1); 
document.body.appendChild(newParagraph1); 

var newfruitslist=fruitslist.push("Banana", "Chery");
var newParagraph2 = document.createElement("p"); 
var newText2 = document.createTextNode("No of Fruits : " + newfruitslist );  
newParagraph2.appendChild(newText2); 
document.body.appendChild(newParagraph2); 

var newParagraph3 = document.createElement("p"); 
var newText3= document.createTextNode("New fruits List : " + fruitslist); 
newParagraph3.appendChild(newText3); 
document.body.appendChild(newParagraph3);

View the example in the browser

Practice the example above online

JavaScript push() method example

Previous: JavaScript pop() Method: Array Object
Next: JavaScript reverse() Method: Array Object