Массив из массива обьектов используя деструктуризацию и spread?

Question

[Ivan1331]

Можно ли как то используя деструктуризацию и spread получить массив со значениями из массива обьектов.

const data=[
{id:1, name:"ganna",age:15},
{id:2, name:"anna",age:16},
{id:3, name:"petro",age:54}
];
const [...{name:name}]= data; // ну что то вроде этого

Comments

[Сергей Соколов]

что именно хочется получить в приведённом примере? Дополните вопрос примером результата.

[Сергей Соколов]

и чем не подходит метод .map()?

[Ivan1331]

Сергей Соколов, можно и map, спрашиваю чисто для изучения синтаксиса, на выходе хочу получить массив со значениями [ganna, anna, petro]. Суть вопроса в том, можно ли используя деструктуризацию записывать значения в массив или обьект, комбинируя это со spread оператором

Answer 1

[Сергей Соколов]

Пишут, что так нельзя.

Answer 2

[Роман Дворянов]

А что вы хотите куда спредить и деструктурировать?
const [...{name:name}] = data;
Здесь вы пытаетесь создать массив с именем переменной... тут нет имени переменной для массива,
Но если вы дернете без спреда,
const [{name: name}] = data;
то вам вернется значение поля name из первого элемента массива и запишется в переменную name, даже не объект, т.к. в данном случае([{name: name}]) происходит операция присваивания переменной 'name' значением поля 'name' из массива объектов, что на выходе даст строку с первым значением этого поля.

Вам нужен новый массив с ключами и значениями из другого массива, так? Это делается так -

const data=[
  {id:1, name:"ganna",age:15},
  {id:2, name:"anna",age:16},
  {id:3, name:"petro",age:54}
];

const arr = Object.values(data).map(item => [{ name: item.name }]); // Массив массивов с объектами
const arr2 = Object.keys(data).map(() => []); // Массив пустых массивов, чтоб можно было пушнуть элементы в 
                                              // массив. Еще можно так Array.from(data).fill([]);

Object.values(data).map((item, index) => arr2[index].push({ name: item.name }));

console.log(arr);
//=> [
//    [{name: 'ganna'}],
//    [{name: 'anna'}],
//    [{name: 'petro'}]
//. ]

console.log(arr2);
//=> [
//    {name: 'ganna'},
//    {name: 'anna'},
//    {name: 'petro'}
//. ]

Comments

[Ivan1331]

Как делать другими методами я знаю, я просто внезапно для себя открыл деструктуризацию и стало интересно работает ли это с массивом объектов. Я хотел именно записать в массив name, все значения объектов, на выходе получить [ganna, anna, petro].
Вообщем вопрос в чём: можно ли при деструктуризации записывать элементы в массив, а не в переменную

const [...{name[] :name}] = data; // примерно так как я хочу