Destructuring object JavaScript
Truy cập object theo cấu trúc khác biệt gọi là object destructuring. Thay vì person.name, có thể gán trực tiếp vào biến name.
Ví dụ 1: Cách thông thường
<html> <body> <script> let person = {name: "Nani", age: 25}; document.write(person.name); document.write("</br>"); document.write(person.age); </script> </body> </html>
Kết quả
Nani 25
Ví dụ 2: Destructuring
<html> <body> <script> let person = {name: "Nani", age: 25}; let {name, age} = person; document.write(name); document.write("<br>"); document.write(age); </script> </body> </html>
Kết quả
Nani 25
Nâng cao:
- Đổi tên biến:
let {name: ten, age: tuoi} = person; - Giá trị mặc định:
let {name, age, gender = 'unknown'} = person; - Nested destructuring:
let {address: {city}} = person; - Rest:
let {name, ...rest} = person;