对象解构
yc 2023/11/19 jses6
# 对象解构
# 1、常规对象
常规语法:
let {username,age} ={ username:"sunday",age:18 }
console.log(username);//sunday
console.log(age);//18
1
2
3
2
3
重命名语法:
let {username:uname,age} ={ username:"sunday",age:18 }
console.log(uname);//sunday
console.log(age);//18
1
2
3
2
3
# 2、对象数组
let users=[{ username:"sunday",age:18 },{ username:"rt",age:19 }]
let [{username,age},{username:uname,age:age2}] =users
console.log(username);//sunday
console.log(age);//18
console.log(uname);//rt
console.log(age2);//19
1
2
3
4
5
6
2
3
4
5
6
# 3、多级对象(对象嵌套对象)
let users = [{
username: "sunday",
friends: {
username:"rt",
age:17
}
}]
let [{username,friends:{username:uname,age}}]=users;
console.log(username);//sunday
console.log(uname);//rt
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
# 4、函数传参
let users = [{
username: "sunday",
friends: {username:"rt",age:17}
}]
function reader([{friends}]){
console.log(friends);//{username:"rt",age:17}
}
reader(users);
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8