JavaScript array push() method

In this example code of JavaScript array push() method we have described that how this JavaScript array's push() method can be used into our programming. Here in this example we have declared a dynamic array named as "dynamic_array". In java script we have declared a function add_item() which adds element into the dynamic_array.

In this example we have two input boxes where we will be adding and displaying the array elements. For adding the elements into the JavaScript array we have created a function which will be invoked when when user clicks onto the "Push" method .

Here is the full example code of JavaScript array push() method example:

<html>
<head>
<title>JavaScript array push() method example</title>
<script language="JavaScript">
var dynamic_array = new Array();
function add_item(){
var item = document.frm.inputbox.value;
dynamic_array.push(item);
document.frm.outputbox.value = dynamic_array;
}
</script>
</head>
<body>
<h2>Example of array's push() method</h2>
<form name="frm">
Input Item<input type="text" name="inputbox" value=""/>
<br>
Output Item<input type="text" name="outputbox" value=""/>
<br>
<input type="button" onClick="add_item();" value="Push"/>
</body>
</html>

Output:

The item which is to be inserted or to be pushed are filled into the Input Item and click on the "Push" button. It will add item into the array.

Items which are further pushed would be added to the array from the backside.

Download Source Code

JavaScript array push() method