解构赋值理解 就是从数组或者对象中提取数据,并赋值给变量(多个)
如对象的解构赋值let {a,b}=obj等于let obj={a:xxx,b:xxx}
如数组的结构let [a,b,c]=arr等于 let arr=[1,2,3]
1.对象得解构赋值
let obj = {
uname: 'hh',
age: 16,
}
let {age,uname} = obj //解构赋值真正实现的是;按需索取(根据属性获取对象里面的属性值)
console.log(age, uname);
2.数组得解构赋值
let arr = [1, 2, 3, 4, 5, 6];
let sum1 = arr[2]
let sum2 = arr[1]
console.log(sum1, sum2); //我们会发现这样获取数组的元素其实是很不方便得如果有很多数组元素要进行获取,那就得声明很多的let
let [a, b, c, e, d] = arr //这些字母代表得是数组元素得索引号,根据索引号对应去获取数组中元素
console.log(a, b, c, e, d); //1 2 3 4 5
应用场景例子
let obj = {
uname: 'hh',
age: 16,
}
function fn({uname,age}) { //利用函数得形参解构 实参
console.log(uname);
console.log(age);
}
fn(obj)