Какова цель этого синтаксиса, почему он был введен и каковы некоторые примеры его использования на практике?
Ответ 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)