How to use array destructuring and assign to an object property in JavaScript ES6

Question

This code:

const eat = { when: 'now' }
const fruits = ['apple', 'orange']

eat.fruit = fruits[1] // orange

I can use array destructuring like this:

const [, selectedFruit] = fruits

eat.fruit = selectedFruit

But can I make a one-liner out of it?

Ahmed Kesha · Accepted Answer · 2020-02-27 17:12:46Z

2

Could you use that

[, eat.fruit] = fruits // remove const
console.log(eat)

answered Feb 27, 2020 at 17:12

Ahmed Kesha

8105 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

palaѕн · Accepted Answer · 2020-02-27 17:21:46Z

1

You can use merging here like:

let eat = { when: 'now' }
const fruits = ['apple', 'orange']

eat = {...eat, fruit: fruits[1]}
console.log( eat )

answered Feb 27, 2020 at 17:21

palaѕн

74.2k17 gold badges123 silver badges140 bronze badges

1 Comment

Mohammad Usman Over a year ago

Although works but I won't recommend this. Compromising efficiency just to get one liner solution is not good idea, at least IMHO. Instead, one can create a new property and assign it the selected value by finding in the same statement e.g eat.fruit = fruits.indexOf() or something similar.

Collectives™ on Stack Overflow

How to use array destructuring and assign to an object property in JavaScript ES6

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related