Как работает деструктуризация объектов и массивов?

Деструктуризация — синтаксис, позволяющий извлекать значения из массивов и свойства из объектов в отдельные переменные. Для массивов используются квадратные скобки [a, b] = arr (привязка по позиции), для объектов — фигурные скобки {name, age} = obj (привязка по имени свойства). Поддерживает значения по умолчанию, вложенную деструктуризацию, rest-элементы и переименование переменных. Это один из самых используемых приёмов в современном JavaScript и React.