Given an array and the task is to unpack the value of the array into separate variables by using the preferred method using javascript.
We can unpack the array elements into separate variables by the following methods:
- Destructuring Assignment
- Using Array.slice() Method
- Using the spread operator
Approach 1: Destructuring Assignment
- Store the elements of an array into an array variable.
- Now use the ES6 script to declare a variable and unpack the value of the array into separate variables.
Example 1: This example declares a variable using the let keyword to unpack the array elements into separate variables.Â
Javascript
const arr = [1, 2, 3, 4];function GFG_Fun() {Â Â Â Â let [a, b, c, d] = arr;Â Â Â Â console.log(a); Â Â Â Â console.log(b); Â Â Â Â console.log(c);Â Â Â Â console.log(d);}GFG_Fun(); |
1 2 3 4
Approach 2: Using Array.slice() Method
The Javascript arr.slice() method returns a new array containing a portion of the array on which it is implemented. The original remains unchanged.
Example:
Javascript
const array = [1, 2, 3, 4];function GFG_Fun() {Â Â Â Â const a = array.slice(0, 1)[0];Â Â Â Â const b = array.slice(1, 2)[0];Â Â Â Â const c = array.slice(2, 3)[0];Â Â Â Â console.log(a); Â Â Â Â console.log(b); Â Â Â Â console.log(c);}GFG_Fun(); |
1 2 3
Approach 3: Using the spread operator
The Spread operator allows an iterable to expand in places where 0+ arguments are expected. It is mostly used in the variable array where there is more than 1 value is expected. It allows us the privilege to obtain a list of parameters from an array.Â
Example:
Javascript
const array = [1, 2, 3];const [a, b, c] = [...array];Â
console.log(a); console.log(b); console.log(c); |
1 2 3
