对象的解构赋值

Posted rickdiculous

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了对象的解构赋值相关的知识,希望对你有一定的参考价值。

//复杂的对象的解构赋值
const player = {
nickname:‘梦幻西游‘,
master:‘东海龙王‘,
skill:[{
skillName:‘龙吟‘,
mp:‘100‘,
time:6000
},{
skillName:‘龙卷‘,
mp:‘400‘,
time:3000
},{
skillName:‘龙腾‘,
mp:‘900‘,
time:60000
}]
};

const {nickname} = player; //梦幻西游
const {master} = player; //东海龙王

//const {skill} = player; //得到数组龙吟龙腾龙卷
//const[skill1] = skill; //得到数组第一项龙吟

//const{skill:[ skill1 ]} = player; //得到龙吟数组
//const { skill : [ skill1 , { skillName } ] } = player; //得到skillName的属性值龙卷
const{skill:[skill1,{skillName},{skillName:sklName}]} = player; //sklName得到属性值龙腾

以上是关于对象的解构赋值的主要内容,如果未能解决你的问题,请参考以下文章

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

解构赋值--数组的解构赋值

ES6变量的解构赋值对象的解构赋值

解构赋值的用途

React的 useState解构赋值怎么理解?

JS解构赋值