Деструктуризация объектов - это полезная функция 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

Теперь она доступна как обычная переменная.

Деструктурирование делает код аккуратным и легким для доступа.

‹Счастливый код /›