Array Destructuring + spread syntax with specific field only?

Question

let arr = [{name: 'john', age:17}, {name: 'Doe', age: 21}];

//let dropDownHumanOptions = ['All', ...arr.name, 'Cancel']
//let dropDownHumanOptions = ['All', ...{arr.name}, 'Cancel']

//Expected: let dropDownHumanOptions = ['All', 'john', 'Doe', 'Cancel']

I'm wondering if there is any similar syntax where we can just extracting one of the field and combine in the middle of another array by using spread syntax?

Answer 1

You need to spread the mapped names.

 var array = [{name: 'john', age:17}, {name: 'Doe', age: 21}], dropDownHumanOptions = ['All', ...array.map(({ name }) => name), 'Cancel']; console.log(dropDownHumanOptions);