В обоих случаях поведение непонятное так как вы объект пытаетесь пропихнуть в массив и наоборот.
В документации смотрим синтаксис:
var a, b, rest;
[a, b] = [1, 2];
console.log(a); // 1
console.log(b); // 2
[a, b, ...rest] = [1, 2, 3, 4, 5];
console.log(a); // 1
console.log(b); // 2
console.log(rest); // [3, 4, 5]
({a, b} = {a:1, b:2});
console.log(a); // 1
console.log(b); // 2
({a, b, ...rest} = {a:1, b:2, c:3, d:4});
Тут нету варианта деструктуризации массива в объект и наоборот. Справа и слева во всех примерах одинаковые скобочки, то есть массив деструктурируется в массив, а объект в объект.
Вот конструкция которая работает как и предполагается, обратите снимание на скобочки:
var [a,aa,...aaa] = [2, 4, 23, 144];
console.log(a, aa, aaa);
Пункт 1. Запускаем babel и получаем код:
var _ref = [2, 4, 23],
a = _ref.a,
aa = _ref.aa,
aaa = _objectWithoutProperties(_ref, ["a", "aa"]);
В a
мы кладём ref.a
так как _ref это массив то ref.a
не задан. Тоже самое с aa
.
Теперь смотрим aaa
,в него мы кладём все значения кроме a
и aa
, но так как a
и aa
не заданы, то на выходе получаем все три значения.
Подводим итог, в a
и aa
ничего не кладётся, так как справа у массива нету переменной с названием a
и aa
, а в aaa
мы кладём всё что осталось.