How to unpack array elements into separate variables using JavaScript ?

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:

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. 

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:

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:

const array = [1, 2, 3];
const [a, b, c] = [...array];

console.log(a); 
console.log(b); 
console.log(c); 

1
2
3

Approach 4: Using Array.prototype.shift()

The shift() method removes the first element from an array and returns that element. This method modifies the original array.

Example: To demonstrate unpacking array elements into separate variables using shift().

const array = [1, 2, 3, 4];
function GFG_Fun() {
    const a = array.shift();
    const b = array.shift();
    const c = array.shift();
    const d = array.shift();
    console.log(a); 
    console.log(b); 
    console.log(c);
    console.log(d);
}
GFG_Fun();

1
2
3
4