ES6解构赋值 (数组 , 对象)

ES6允许从数组中提取值,按照对应位置 对变量赋值。对象也可以实现解构。

1.数组解构

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

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

//如果解构不成功 为undefined
let ary = [1, 2, 3]
let [a, b, c, d, e] = ary
console.log(a)   // 1
console.log(b)   // 2
console.log(c)   // 3
console.log(d)  // undefined
console.log(e)  // undefined

1.对象解构
允许 我们使用变量的名字匹配对象的属性 匹配成功将对象属性的值赋值给变量

let person = { name: 'libai', age: 20 };

let {name, age} = person;
console.log(name1)  // ' libai '
console.log(age1)  //  20

对象解构 起别名

let person = { name: 'libai', age: 20 };

let {name: myname , age: myage} = person;
console.log(myname)  // ' libai '
console.log(myage)  //  20

你可能感兴趣的:(ES6解构赋值 (数组 , 对象))