JS деструктуризация объекта: упрощение работы с данными

JS деструктуризация объекта - это возможность извлекать значения из объектов и присваивать их переменным в более короткой форме записи.

Примеры:

1. Для извлечения свойства объекта можно использовать следующий синтаксис:

js
const person = {
  name: 'John',
  age: 30,
  address: {
    city: 'New York',
    state: 'NY'
  }
};
const {name, age} = person;
console.log(name); // John
console.log(age); // 30

2. Для извлечения свойств из вложенных объектов можно использовать следующий синтаксис:

js
const person = {
  name: 'John',
  age: 30,
  address: {
    city: 'New York',
    state: 'NY'
  }
};
const {address: {city, state}} = person;
console.log(city); // New York
console.log(state); // NY

3. Для присвоения значение по умолчанию можно использовать следующий синтаксис:

js
const person = {
  name: 'John',
  age: 30
};
const {name = 'Anonymous', gender = 'Unknown'} = person;
console.log(name); // John
console.log(gender); // Unknown

4. Для извлечения свойств из аргументов функции можно использовать следующий синтаксис:

js
function printPersonInfo({name, age}) {
  console.log(`Name: ${name}, Age: ${age}`);
}
const person = {
  name: 'John',
  age: 30
};
printPersonInfo(person); // Name: John, Age: 30

Деструктуризация объекта позволяет более легко и компактно извлекать нужные данные из объектов и использовать их в дальнейшем.