Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
JavaScript Array Prototype Constructor
The JavaScript Array prototype constructor is for adding new methods and properties to array object. These properties and methods will be available for each array.
Following is the code for the array prototype constructor −
Example
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
body {
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
.sample {
font-size: 20px;
font-weight: 500;
}
</style>
</head>
<body>
<h1>JavaScript Array prototype Constructor</h1>
<div class="sample"></div>
<button class="Btn">CLICK HERE</button>
<h3>
Click on the above button to convert the string to upper and lowercase
alternatively
</h3>
<script>
Array.prototype.upperLower = function () {
for (let i = 0; i < this.length; i++) {
if (i % 2 == 0) this[i] = this[i].toUpperCase();
else this[i] = this[i].toLowerCase();
}
};
let fillEle = document.querySelector(".sample");
let arr = ["H", "E", "L", "L", "O"];
fillEle.innerHTML = arr;
arr.upperLower();
document.querySelector(".Btn").addEventListener("click", () => {
fillEle.innerHTML = arr;
});
</script>
</body>
</html>
Output
On clicking the “CLICK HERE” button the custom array function will be called −
Updated on: 2020-05-08T11:37:41+05:30
197 Views
Advertisements