Что такое деструктурирующее задание и его использование?

Я читал о разрушающем назначении, представленном в ES6.

Какова цель этого синтаксиса, почему он был введен и каковы некоторые примеры его использования на практике?

Ответ 1

What is destructuring assignment?

Синтаксис деструктурирующего присваивания - это выражение JavaScript, которое позволяет распаковывать значения из массивов или свойства из объектов в отдельные переменные.

Advantages

A. Делает код сжатым и более читаемым.

Б. Мы можем легко избежать повторяющихся разрушающих выражений.

Some use cases

1. Чтобы получить значения в переменной из Objects, массив

let obj = { 'a': 1,'b': {'b1': '1.1'}}
let {a,b,b:{b1}} = obj
console.log('a--> ' + a, '\nb--> ', b, '\nb1---> ', b1)

let obj2 = { foo: 'foo' };
let { foo: newVarName } = obj2;
console.log(newVarName);

let arr = [1, 2, 3, 4, 5]
let [first, second, ...rest] = arr
console.log(first, '\n', second, '\n', rest)