Базовая идея
Деструктуризация достаёт элементы массива или свойства объекта сразу в отдельные переменные.
Подробности
const [a, b] = [1, 2];
const { name, age } = { name: 'John', age: 30 };
const { name: userName = 'Guest' } = {};
У массивов важен порядок; у объектов — имена ключей. Можно вкладывать деструктуризацию и сочетать с rest: const [first, ...rest] = arr.
Итог
Квадратные скобки — массивы, фигурные — объекты; удобно для параметров функций и ответов API.