Деструктуризация объектов - это полезная функция JavaScript для извлечения свойств из объектов и привязки их к переменным. Что еще лучше, деструктуризация объекта может извлекать несколько свойств в одном операторе, может получать доступ к свойствам из вложенных объектов и может устанавливать значение по умолчанию, если свойство не существует.
Обычно мы получаем доступ к объектам с помощью ключа. Ничего нового :)
object.key
Давайте быстро посмотрим на пример ниже:
// object (Literal) var user = { name: "Hidayt", city: "Delhi", type: "Admin" } console.log(user.name); // Hidayt
У нас есть объект пользователя, который содержит информацию о пользователе (имя, город, тип). Мы будем использовать этот пример для деструктуризации объекта.
Деструктуризация объекта
Давайте использовать деструктуризацию объекта и Деструктуризацию объекта в наших переменных.
// object destructuring var {name, city, type} = user; // access as a normal variable console.log(name); // Hidayt console.log(city); // Delhi console.log(type); // Admin
Вы можете напрямую получить доступ к name вместо user.name
Теперь она доступна как обычная переменная.
Деструктурирование делает код аккуратным и легким для доступа.
‹Счастливый код /›