Take the following line of code
const [component] = router.getMatchedComponents({ ...to })
Could anyone advise what the square brackets around component means here? I have tried to google this but struggling to find an answer
-
2developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…– kind userCommented Nov 14, 2017 at 13:56
Add a comment
|
1 Answer
It's called Destructuring assignment, and it's used to unpack the values of an array and assign them to new variables.
So here in your code:
const [component] = router.getMatchedComponents({ ...to })
You are assigning to the component variable the first element held in the array that will be returned by router.getMatchedComponents({...to}), where to is an array-like structure turned into object using the spread operation.
-
3Thanks! so this would mean in the example I posted its essentially doing an array shift on the array returned by router.getMatchedComponents({ ...to }) and setting component to this right?– NeilCommented Nov 14, 2017 at 14:04
-
@Neil Yes, kind of. but it's assigning it to a new variable.– cнŝdkCommented Nov 14, 2017 at 14:05