Computer >> Máy Tính >  >> Lập trình >> Javascript

Trình tạo mẫu thử nghiệm mảng JavaScript

Phương thức khởi tạo nguyên mẫu Array của JavaScript là để thêm các phương thức và thuộc tính mới vào đối tượng mảng. Các thuộc tính và phương thức này sẽ có sẵn cho mỗi mảng.

Sau đây là mã cho phương thức khởi tạo nguyên mẫu mảng -

Ví dụ

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

Đầu ra

Trình tạo mẫu thử nghiệm mảng JavaScript

Khi nhấp vào nút “BẤM VÀO ĐÂY”, hàm mảng tùy chỉnh sẽ được gọi -

Trình tạo mẫu thử nghiệm mảng JavaScript