-1

I am learning ES6 Destructuring

I am getting an error Rest element must be last element

Here is what I have right now

const siblings = ['John','Jack','Amanda','Allie','Bob']

let [firstSiblingName,...middleAllSiblingsName,lastSiblingName] = siblings
console.log(lastSiblingName)

What I want is 

firstSiblingName = 'John'
middleAllSiblingsName = ['Jack','Amanda','Allie']
lastSiblingName = 'Bob'

If I remove lastSiblingName then it works, but in that way I cannot get last element separately.

What I am doing wrong , and how can I make it to achieve the required output.

Magnus Melwin
  • 1,490
  • 1
  • 22
  • 31

2 Answers2

0

You can't, not with rest syntax alone - rest will always consume all of the rest of the elements of the array. You'll have to .pop() the last element instead, after extracting the middle elements:

const siblings = ['John','Jack','Amanda','Allie','Bob'];

let [firstSiblingName,...middleAllSiblingsName] = siblings;
const lastSiblingName = middleAllSiblingsName.pop();
console.log(lastSiblingName)
CertainPerformance
  • 313,535
  • 40
  • 245
  • 254
0

According to mdn only the last parameter can be a "rest parameter". Instead you can do like this

const siblings = ['John', 'Jack', 'Amanda', 'Allie', 'Bob']

let [firstSiblingName, , , , lastSiblingName] = siblings
console.log(lastSiblingName)
brk
  • 46,805
  • 5
  • 49
  • 71