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

Bộ sưu tập được khóa bằng JavaScript

Bộ sưu tập có khóa là bộ sưu tập dữ liệu được sắp xếp theo khóa không phải chỉ mục. Chúng có tính chất liên kết. Các đối tượng bản đồ và tập hợp là các tập hợp có khóa và có thể lặp lại theo thứ tự chèn.

Sau đây là mã cho các bộ sưu tập có khóa trong JavaScript -

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;
   }
   .result {
      font-size: 20px;
      font-weight: 500;
      color: blueviolet;
   }
</style>
</head>
<body>
<h1>Keyed collections in JavaScript</h1>
<div class="result"></div>
<br />
<button class="Btn">CLICK HERE</button>
<h3>Click on the above button to create and display the object</h3>
<script>
   let resEle = document.querySelector(".result");
   let BtnEle = document.querySelector(".Btn");
   BtnEle.addEventListener("click", () => {
      let obj = {
         name:'Rohan',
         age:22,
         occupation:'Student',
      };
      for(i in obj){
         resEle.innerHTML += `key = ${i} : value = ${obj[i]} <br>`;
      }
   });
</script>
</body>
</html>

Đầu ra

Bộ sưu tập được khóa bằng JavaScript

Khi nhấp vào nút 'BẤM VÀO ĐÂY' -

Bộ sưu tập được khóa bằng JavaScript