JavaScript Array prototype Constructor

Javascript Web Development Object Oriented Programming

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

Live Demo

<!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>