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 exampleSee 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.
JavaScript: Tips of the Day
Returns true if the elements of the first array are contained in the second one regardless of order, false otherwise
Example:
const tips_ContainedIn = (a, b) => { for (const v of new Set(a)) { if (!b.some(e => e === v) || a.filter(e => e === v).length > b.filter(e => e === v).length) return false; } return true; }; console.log(tips_ContainedIn([1, 4, 5], [2, 4, 1, 5, 6]));
Output:
true
- Weekly Trends
- Java Basic Programming Exercises
- SQL Subqueries
- Adventureworks Database Exercises
- C# Sharp Basic Exercises
- SQL COUNT() with distinct
- JavaScript String Exercises
- JavaScript HTML Form Validation
- Java Collection Exercises
- SQL COUNT() function
- SQL Inner Join
- JavaScript functions Exercises
- Python Tutorial
- Python Array Exercises
- SQL Cross Join
- C# Sharp Array Exercises