Dưới đây là mã để tạo một đối tượng JavaScript đa chiều (nested object).
Ví dụ
<!DOCTYPE html> <html lang="vi"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Multidimensional object</title> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 18px; font-weight: 500; color: rebeccapurple; } </style> </head> <body> <h1>Tạo đối tượng JavaScript đa chiều</h1> <div class="result"></div> <button class="Btn">NHẤN VÀO ĐÂY</button> <h3>Nhấn nút để tạo và hiển thị đối tượng đa chiều</h3> <script> let resEle = document.querySelector(".result"); let BtnEle = document.querySelector(".Btn"); BtnEle.addEventListener("click", () => { let obj = { firstName: "Rohan", lastName: "Sharma", school: { name: "St Marks", address: { city: "Dwarka", state: "Delhi" }, }, }; console.log(obj); }); </script> </body> </html>
Kết quả
Mở console (F12) xem cấu trúc nested object:
{ firstName: 'Rohan', lastName: 'Sharma', school: { name: 'St Marks', address: { city: 'Dwarka', state: 'Delhi' } } }
Đối tượng lồng nhau (nested object) cho phép mô hình dữ liệu phân cấp. Truy cập: obj.school.address.city. Có thể dùng optional chaining obj.school?.address?.city để an toàn.