How to use the spread operator to access element in my array of object ?
const array = [{ obj: 1},{ obj: 2}]
console.log([...array].obj)
// Output undefined
console.log([...array.obj])
// Output Uncaught TypeErrorI've seen this post Use spread operator on objects array? which is quite similar but they do not try to access elements.
So is it possible to use spread operator on array of object to access elements ? If so how ?
You're probably looking for map
What you need is array.map(element => element.obj)
Here's what's wrong with your attempts:
console.log([...array].obj): You're spreading the array into a new array, and then you're logging the obj property of the new array, which is undefined, as expected
console.log([...array.obj]): You're trying to spread the obj property of array, which is also undefined, meaning you're trying to spread undefined, which throws you an error
Short answer, no.
We cannot use spread operator on array of object to access elements.
As @VLAZ said in a comment
Spreading doesn't work like mapping at all. So...no, you cannot make it work like mapping
1and2?[...array]-> clonesarrayinto a new array. You take the.objproperty of that array. Arrays don't have an.objproperty, so you get undefined.[...array.obj]-> spreadarray.objas an array. Since arrays don't have an.objproperty, you're doing an array spread ofundefined. That causes an error.