Dưới đây là mã để thiết lập thuộc tính cho đối tượng rỗng sử dụng vòng lặp for...in trong JavaScript.
Ví dụ
<!DOCTYPE html> <html lang="vi"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Thiết lập thuộc tính đối tượng rỗng</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>Thiết lập thuộc tính trong đối tượng rỗng dùng vòng lặp for</h1> <div class="result"></div> <button class="Btn">NHẤN VÀO ĐÂY</button> <h3>Nhấn nút để điền dữ liệu vào đối tượng rỗng obj1</h3> <script> let resEle = document.querySelector(".result"); let BtnEle = document.querySelector(".Btn"); let obj = { firstName: "Rohan", lastName: "Sharma", age: 14, class: 8, }; let obj1 = {}; BtnEle.addEventListener("click", () => { for (let i in obj) { obj1[i] = obj[i]; } for (let i in obj1) { resEle.innerHTML += "key = " + i + " : Value = " + obj1[i] + "<br>"; } }); </script> </body> </html>
Kết quả
Khi nhấn nút, obj1 sẽ chứa bản sao các thuộc tính của obj:
- key = firstName : Value = Rohan
- key = lastName : Value = Sharma
- key = age : Value = 14
- key = class : Value = 8
Vòng lặp for...in duyệt qua các khóa (key) của đối tượng nguồn và gán vào đối tượng đích. Đây là cách sao chép shallow copy (sao chép nông) các thuộc tính liệt kê được.