How to use array destructuring on Javascript array with index of not 0?

Question

I have the following variables:

$firstSection = $main.children[0];
$secondSection = $main.children[1];

To use array destructuring on the first variable, I can do this: [$firstSection] = $main.children;

However, how am I supposed to use array destructuring on the second variable? Thanks.

Does this answer your question? [Array Destructuring Skipping Values](https://stackoverflow.com/questions/65967014/array-destructuring-skipping-values) — Camilo, Apr 19 '21 at 23:53
Using `$` in JavaScript variables isn't really necessary nor advised. — tadman, Apr 19 '21 at 23:55
The reason why I'm using it here is because it's a part of the JS Styleguide that I'm currently working with. Why do you think it's not advised? @tadman — Ralph David Abernathy, Apr 20 '21 at 00:25

score 2 · Accepted Answer · answered Apr 19 '21 at 23:53

2

Just put the second item to destructure to the right of the first, in a comma-separated list. It looks very similar to when declaring an array with 2 items.

const [$firstSection, $secondSection] = $main.children;

answered Apr 19 '21 at 23:53

CertainPerformance

356,069
52
309
320

score 1 · Answer 2 · answered Apr 19 '21 at 23:56

The values are accessed through a comma separated list, so:

 const [$firstSection, $secondSection] = $main.children; 
 console.log($secondSection); // The second value in the $main.children array

And if you actually don't need the first value in the array, for whatever reason - you can actually just use a comma to omit the first value.

const [, $secondSection] = $main.children;
console.log($secondSection); // The second value in the $main.children array

How to use array destructuring on Javascript array with index of not 0?

2 Answers2