稍微复杂的对象解构赋值

稍微复杂的对象解构赋值

const{ skill:[ skill1] } = player;
课中讲到复杂的对象结构赋值时,举的这个例子,这里是拿到skill1的值,但是拿不到skill的值的。

http://img1.sycdn.imooc.com//climg/5c7a1d43000124b106220363.jpg

那再往后面解构值时,后面的值也是可以获取到的,那就不太明白这个规则是怎么样的,为什么第一个的skill就获取不到呢?

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

你好,是可以写成两组,中间用逗号隔开,例如:

http://img1.sycdn.imooc.com//climg/5c7e4ea00001241513720076.jpg

测试结果:

http://img1.sycdn.imooc.com//climg/5c7e4ead00010cab05400194.jpg

自己可以试一下。

好帮手慕星星 2019-03-03 13:24:57

你好,skill拿不到的原因是,skill是对象中的属性名:

http://img1.sycdn.imooc.com//climg/5c7b64910001f48505980534.jpg

需要属性名来解构属性值,不能写一个变量来解构属性名。对象中是需要属性名来进行解构值的。

可以再测试理解下,祝学习愉快!

  • 提问者 Annisa #1
    那如果我想同时拿到skill这个属性的值,和skill里面skillname里的属性值怎么办?是只能分开解构吗?
    2019-03-05 14:23:18
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
热门框架Vue开发WebApp 18版
  • 参与学习           人
  • 提交作业       209    份
  • 解答问题       3299    个

本路径是通过ES6基础知识、运用Zepto、Swiper、fullPag等移动端常用工具包、以及当下流行框架Vue,结合多个实战案例,还原真实开发场景,最终实现手机端购物商城网页开发。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师