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

Làm thế nào để chuyển đổi từ điển thành danh sách các đối tượng JavaScript?


Sau đây là mã để chuyển đổi từ điển thành danh sách các đối tượng 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;
   }
   .sample{
      font-size: 18px;
      font-weight: 500;
      color: rebeccapurple;
   }
</style>
</head>
<body>
<h1>Convert dictionary into list of JavaScript objects</h1>
<div class="sample">
{ A: { 1: "Apple", 2: "Apricot" }, B: { 1: "Ball", 2: "Bull" }, C: { 1:
"Cat", 2: "Cow" }, D: { 1: "Dog", 2: "Drill" }, }
</div>
<button class="Btn">CLICK HERE</button>
<h3>Click the above button to convert the above dictionary into list of object</h3>
<script>
   let BtnEle = document.querySelector(".Btn");
   let arr;
   const obj = {
      A: { 1: "Apple", 2: "Apricot" },
      B: { 1: "Ball", 2: "Bull" },
      C: { 1: "Cat", 2: "Cow" },
      D: { 1: "Dog", 2: "Drill" },
   };
   BtnEle.addEventListener("click", () => {
      arr = Object.values(obj);
      console.log(arr);
   });
</script>
</body>
</html>

Đầu ra

Đoạn mã trên sẽ tạo ra kết quả sau -

Làm thế nào để chuyển đổi từ điển thành danh sách các đối tượng JavaScript?

Khi nhấp vào nút ‘BẤM VÀO ĐÂY’ và xem đầu ra trong bảng điều khiển -

Làm thế nào để chuyển đổi từ điển thành danh sách các đối tượng JavaScript?