Destructuring Array in ReactJS

Question

Is there any way that I'm missing do this operation using destructuring an array. My Array

const arr1 = [1,2,3,4,5,6,7,8,9,10]

and I have a variable rest, arr2 and range=5. And I want first range which is 5 elements from the array and rest of the elements in rest variable. The way I try it to be

[arr2,...rest] = arr1

In this case, arr2 will have output 1 and rest have the rest of the array. Is there any way I can have first 5 elements in arr2

You can slice it. But i don't think that it's possible with just destructuring. — Dmytro Biletskyi
– Dmytro Biletskyi, Commented Jun 8, 2020 at 15:48

Josh Lind · Accepted Answer · 2020-06-08 15:48:38Z

2

rest = arr1.slice()
arr2 = rest.splice(0, range)

answered Jun 8, 2020 at 15:48

Josh Lind

1263 bronze badges

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

Comments

Dmytro Biletskyi · Accepted Answer · 2020-06-08 16:06:55Z

1

That's not practical but just for fun you can do that (don't use it in real code though)

const [arr2, rest] = [arr1.slice(0, range), arr1.slice(range)]

edited Jun 8, 2020 at 16:06

answered Jun 8, 2020 at 16:01

Dmytro Biletskyi

1,90315 silver badges21 bronze badges

Collectives™ on Stack Overflow

Destructuring Array in ReactJS

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related