w3resource

JavaScript push() Method: Array Object

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

See also:

JavaScript Core objects, methods, properties.

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

Test your Programming skills with w3resource's quiz.



Become a Patron!

Follow us on Facebook and Twitter for latest update.

It will be nice if you may share this link in any developer community or anywhere else, from where other developers may find this content. Thanks.

https://www.w3resource.com/javascript/object-property-method/array-push.php