Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> JavaScript

Chuyển đổi dictionary thành danh sách đối tượng JavaScript

Dưới đây là mã để chuyển đổi dictionary thành danh sách đố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>Chuyển đổi dictionary thành danh sách đối tượng JavaScript</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>Nhấn nút trên để chuyển dictionary trên thành danh sách đối tượng</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>

Kết quả

Mã trên sẽ tạo ra kết quả sau:

Chuyển đổi dictionary thành danh sách đối tượng JavaScript

Khi nhấn nút 'CLICK HERE' và xem output trong console:

Chuyển đổi dictionary thành danh sách đối tượng JavaScript