Destructuring an array and its properties at the same time

Question

Is it possible to destructure elements of an array while also destructuring some of its properties as an object ?

For example, the following code compiles but doesn't give the expected result :

const array = [1, 2, 3]
array.myvalue = 'test'

function f([a, b, ...{ myvalue }]) {
  console.log(a, b, myvalue);
}

f(array)

Output :

1 2 undefined

@Strebler what about this syntax ? jsfiddle.net/u72wfcra I know it doesn't give "exactly" what you want x) — Alexandre Elshobokshy
– Alexandre Elshobokshy, Commented Feb 21, 2020 at 9:10
@IslamElshobokshy This does not work. You just collect the remaining part of the array. — strblr
– strblr, Commented Feb 21, 2020 at 9:12

Nina Scholz · Accepted Answer · 2020-02-21 09:10:54Z

2

You could take an object for destructuring with wanted indices and the named property.

function f({ 0: a, 1: b, myvalue }) {
    console.log(a, b, myvalue);
}

const array = [1, 2, 3]

array.myvalue = 'test'

f(array)

edited Feb 21, 2020 at 9:10

answered Feb 21, 2020 at 9:05

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

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

1 Comment

strblr Over a year ago

Yep, I have actually thought of that, but I was wondering if there was a syntax where we can also benefit from the classic array destructuring syntax. If there's nothing better, I'll mark this answer as accepted.

Collectives™ on Stack Overflow

Destructuring an array and its properties at the same time

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related