ES6 数组解构学习

学习ES6：数组解构笔记

数组的结构和对象的结构相类似。对象的结构是利用对象的属性，数组的结构是利用数组的下标。

1.数组解构声明变量赋值

ES5中：如果获取数组中指定的某一项，需要用数组对应的索引拿到对应的值

const arr = [1,2,3,4];

const a = arr[0];
const b = arr[1];
const c = arr[2];

ES6中：使用数组解构，等号左边对应的位置取等号右边相对应的值:

const arr = [1,2,3,4];
const [a,b,c] = arr;


console.log(a,b,c);//打印1,2,3

如果需要拿到想要的某一项，可以使用逗号隔开：

const arr = [1,2,3];
const [a,,c] = arr;

console.log(a,c); //打印结果为 1,3

2.交换两个变量的值

ES5中交换两个变量的值，需要引入临时变量，完成交换：

let a = 10;
let b = 20;

let temp;
temp = a;
a = b;
b = temp;
console.log(a,b); // 20 10

ES6中只需要：

[a,b] = [b,a];

console.log(a,b);    //20 10