ES6解构赋值常见用法

155 阅读1分钟

 1.交换变量的值

let x = 1;
let y = 2;
[x,y] = [y,x]
//这里的x,y可以分别是任意类型(数组,对象...)

2.提取对象的数据

let obj = {name:"Spiderman",age:18}
let {name} = obj
console.log(name)  //Spiderman
//简言之左边{要提取对象的属性作为变量名} = 要提取的对象

3.提取字符串的数据

let [a,b,c,d] = "Iron"
console.log(a)    //I
console.log(b)    //r
console.log(c)    //o
console.log(d)    //n
//如果左边长于右边:let [a,b,c,d,e] = "Iron"
//超过的部分为undefined:console.log(e)    //undefined

其余用过再补充