Dưới đây là mã để gán giá trị cho mảng chứa các đối tượng null/rỗng sử dụng 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>Assign to empty objects</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>Gán giá trị cho mảng với đối tượng null/rỗng</h1> <div class="result"></div> <button class="Btn">NHẤN VÀO ĐÂY</button> <h3>Nhấn nút để gán giá trị cho đối tượng rỗng bên trong arrObj</h3> <script> let resEle = document.querySelector(".result"); let BtnEle = document.querySelector(".Btn"); let obj = { firstName: "Rohan", lastName: "Sharma", address: "Delhi", }; let arrObj = [{}, {}, {}]; BtnEle.addEventListener("click", () => { arrObj.forEach((item, index) => { item[Object.keys(obj)[index]] = obj[Object.keys(obj)[index]]; }); console.log(arrObj); }); </script> </body> </html>
Kết quả
Mở console (F12) để xem:
[ { firstName: 'Rohan' }, { lastName: 'Sharma' }, { address: 'Delhi' } ]
Mỗi đối tượng rỗng trong mảng nhận một cặp key-value từ obj theo index. Cách này giả định số lượng phần tử mảng khớp với số thuộc tính của obj.