vue解构赋值_vue解构赋值_ES6解构赋值

写vue或react项目，我们经常在接收到数据的时候，需要对数据进行二次加工操作，一些传统的办法可以实现对数据的加工。但利用到ES6的解构赋值，则更为简单。

解构赋值主要分为对象的解构和数组的解构，在没有解构赋值的时候，我们的赋值是这样的

let arr = [1,2,3]

let a= arr[0]

let b= arr[1]

let c= arr[2]

这样写很繁琐，解构赋值可以轻松解决上面的问题。

一、数组的解构赋值

let arr = [0,1,2]

let [a,b,c]=arr

console.log(a)//0

console.log(b) //1

console.log(c) //2

但是很多时候，数据并非一一对应的，并且我们希望得到一个默认值

let arr = [,1,2]

let [a=’我是默认值’,b,c] =arr

console.log(a)//’我是默认值’

console.log(b) //1

console.log(c) //2

从这个例子可以看出，在解构赋值的过程中，a=undefined时，会使用默认值

那么当a=null时呢？当a=