JavaScript array prototype

We can add and modify the properties and methods of the array by using the property "prototype" of the array class.

We can add and modify the properties and methods of the array by using the property "prototype" of the array class. In the web developing application we might require some times additional functionality rather than having the predefined methods like push(), pop(), reverse() etc. In this situation the property "prototype" is quite useful for developers. We can create new methods or functions and can modify the existing functions by the use of "prototype" property.

Below we have shown an example into which we have created few new methods which can be called by using the array object. Here is the full example code for this prototype example as follows:

javascript_array_prototype.html

<html>
<head>
<title>
JavaScript array prototype example
</title>
<script type="text/javascript">
Array.prototype.hello=function(){
return "<b>Hello World!</b>";
};
Array.prototype.print=function(){
for(var i=0;i<this.length;i++){
document.write(this[i]+"<br>");
}
};
var arr = new Array(5);
arr[0]="Bidyakar";
arr[1]="Rupesh";
arr[2]="Saurabh";
arr[3]="Vinod";
arr[4]="Amar";
document.write("<b>Array is </b>=>"+arr+"<br>");
document.write("<b>hello method called </b>=>"+arr.hello()+"<br>");
arr.print();
</script>
</head>
<body bgcolor="#ffccdd">
<h2>
Use of property "prototype"
</h2>
</body>
</html>

Output of the example is as given below:

Download Sample Source Code

JavaScript array prototype

JavaScript array prototype

JavaScript array prototype

Tutorials