ES6 数组的结构赋值

数组的取值

需求：取出数组中的值

1.ES6之前的方法，对应下表取出对应的值。

let arr = [1,2,3]
let a = arr[0]
let b = arr[1]
let c = arr[2]
console.log(a,b,c) //1，2，3

2.ES6的解构赋值

let arr = [1,2,3]
let [a,b,c] = arr
console.log(a,b,c)//1，2，3

3.解构赋值左右两边的数量可以不相等。

左边比右边多，那么d会undefined
let arr = [1,2,3]
let [a,b,c,d] = arr
console.log(a,b,c,d)//1 2 3 undefined

右边比左边多,那么会取出对应的数据
let brr = [1,2,3,4,5]
let [a,b,c,d] = brr
console.log(a,b,c,d)//1 2 3 4

4. 还可以结合扩展运算符使用

let brr = [1,2,3,4,5]
let [a,...b] = brr
console.log(a,b)//1 [2,3,4,5]

 5.扩展运算符只能写在后面，不能写在前面

let brr = [1,2,3,4,5]
let [...b,a] = brr
console.log(a,b)//Rest element must be last element