JavaScript array prototype

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

|