问答

let {ids,team} = data ,这语法到底对不对?

作者:admin 2021-04-10 我要评论

我在vue里面见别人这么写这是后台返回的,他判断下code, if (code == 1) { let { goods_image, content, comment, like, activity } = data; let { info, team,...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)
我在vue里面见别人这么写

这是后台返回的,他判断下code,
                if (code == 1) {
                    let {
                        goods_image,
                        content,
                        comment,
                        like,
                        activity
                    } = data;
                    let {
                        info,
                        team,
                        team_found
                    } = activity; //秒杀时间
                 }

然后,let {xx,oo,...} = data , 看着是写反了的意思,正常应该是 let data = {xx,oo,...},我看他这个也不报错,正常运行。

然后,我在浏览器console里面试试,这写法,我一写就是错误的。

image

这是为啥呢?

###

这是es6的赋值赋值。特别当data是复杂的二维数据类型,使用解构赋值更方便。
下面是解构赋值的用法:
比如:var arr = [1,2,3,4]
使用解构赋值 var arr2 = ...arr
那么arr2 就是 1,2,3,4 。
一般这样做 let arr2 = [...arr, 5]
那么 arr2 = [1,2,3,4,5]
解构赋值用于数组或者对象之间的转换。
后台返回的数据一般为JSON。使用解构赋值,更方便。
例如:data = {
ids: ['20011','20012','20013','20014'],
team: ['football','basekball','pinpang','swiming']
}
这样就可以使用解构赋值
let {ids,team} = data
这样赋值之后,
ids = ['20011','20012','20013','20014']
team = ['football','basekball','pinpang','swiming']
相当于将二维码数组对象转换成普通的一维数组,遍历很方便。

###

变量的解构赋值 - ECMAScript 6入门

###

ES6的解构赋值。你的报错第一个是语法错误,第二个是data没有定义。

image.png

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • nginx响应速度很慢

    nginx响应速度很慢

  • 点击选中的多选框,会在已选那一栏显示

    点击选中的多选框,会在已选那一栏显示

  • PHP 多态的理解

    PHP 多态的理解

  • 关于C语言中static的问题

    关于C语言中static的问题

腾讯云代理商
海外云服务器