Деструктуризация массива в JavaScript

[переменная1,переменная2,переменная3] = массив

Давайте разберемся с использованием деструктуризации массива в ES6

В ES5, если элементы массива должны были быть названы с помощью переменной вместо доступа к ним с помощью их индекса, мы должны были инициализировать их с помощью переменной

Возьмем пример

var arr = [ "one" , "two" , "three" ]
/* if we need to access the array elements with variables then we need to initialise them with variables  */
var a = arr[0];
var b = arr[1];
var c = arr[2];

таким образом, мы должны были получить доступ к элементам массива, но с деструктуризацией массива это можно пропустить

var arr = [ "one" , "two" , "three" ]
var [a,b,c] = arr;
console.log(`${a} ${b} ${c}`)
/*
OUTPUT: one two three
*/

Что делать, если мы не хотим присваивать переменные всем элементам массива, что в таком случае можно сделать

var arr = [1,2,3,4,5]
/* here we need only refernce to 1'st and last array elemets in such case we can do this */
var [a,,,,b] = arr
/* 
by doing this we have just referneced 1st and last array elements 
*/
console.log(a)
console.log(b)

УПРАЖНЕНИЕ - - - - - - - - - - - - - - -

ПОМЕНЯЙТЕ ДВА ЧИСЛА БЕЗ ИСПОЛЬЗОВАНИЯ ВРЕМЕННОЙ ПЕРЕМЕННОЙ

let a = 10 ;
let b = 20 ;
[a,b] = [b,a];
console.log("value of a is : " + a)
console.log("value of b is : " + b)
/*
OUTPUT : value of a is : 20
         value of b is : 10
*/