利用解构赋值获取后端特定字段数据

很多时候，后端接口传过来的数据并不正好是我们需要的。有些场景下会有很多不需要的字段。

这时如果采用单个赋值的方法赋值数据无疑会比较麻烦。解决的办法就是利用解构赋值。

 mounted(){let objs ={name:'test',sex:'nan',caree:'kaifa',height:180,country:'country'};({name:this.obj.name,caree:this.obj.caree}=objs);({height:this.obj.height,country:this.obj.country}=objs);}

　　假设上面objs是后端返回的数据

data () {return {obj:{}}}

　　obj是定义好的data中的数据。那么就可以采用如下的方法进行赋值。

({name:this.obj.name,caree:this.obj.caree}=objs);
({height:this.obj.height,country:this.obj.country}=objs);

转载于:https://www.cnblogs.com/zhensg123/p/11217327.html

利用解构赋值获取后端特定字段数据相关推荐

ES6 入门—ES6 解构赋值
文章目录前言一.解构赋值概述二.数组模型的解构赋值二.对象的解构赋值三.可嵌套可忽略四.解构默认值五.不完全解构六.剩余运算符七.注意事项八.字符串的解构赋值九.圆括号问题总结 ...
json解析子类和父类同名属性如何赋值_想学变量的解构赋值？看完这一篇就够了...
序言 ES6允许按照一定模式从数组和对象中提取值,然后对变量进行复制,这被称为解构(Destructuring) 数组的解构赋值基本用法像上面的例子,可以从数组中提取值,按照对应位置对变量赋值,这 ...
ES6新语法--解构赋值
对象解构赋值 ※很重要 /*** 对象解构赋值:获取元素中属性的值,然后赋值给变量*///声明一个对象 let obj = {name:'chen',age:38,gender:'man',score ...
【前端17_JS】ES 6：Let 、Const、对象冻结、解构赋值、暂时性死区 TDZ、惰性求值、模板字符串
ES 6 简介 let 声明变量变量不提升暂时性死区 TDZ const 静态变量 (常量*) 实质引申对象冻结解构赋值起步 ...arr 展开运算符 ...[] 数组拓展运算符传参找 ...
前端面试不用怕！一分钟带你了解es6的解构赋值
解构赋值(★★★)!!!!! ES6中允许从数组中提取值,按照对应位置,对变量赋值,对象也可以实现解构 <script>var stus=['李钟硕','刘诗诗','易烊千玺']//访问数 ...
ES6之变量的解构赋值
变量的解构赋值 1. 数组的解构赋值基本用法 ES6允许写成下面这样 let [a, d, c] = [1, 2, 3]; //按照对应位置对变量赋值这种写法也叫模式匹配只要等号两边模式相同(解 ...
11.解构赋值一览。
概览 1.对象解构: 2.数组解构: 3.数值和布尔值的解构: 4.函数参数的解构: 5.字符串的解构赋值:转换成一个类似数组的对象. 6.解构应用: 1.对象解构: 1-1.可以在一条语句中使用嵌套 ...
ES6解构赋值原理详解
ES6解构赋值 ES6变量的解构赋值本质上是"模式匹配",只要等号两边的模式相同,左边的变量就会被赋予匹配的右边的值,如果匹配不成功变量的值就等于undefined 数组的解构赋值 ...
ES6新特性总结（2）解构赋值、模板字符串、Symbol
ES6新特性总结(2)解构赋值.模板字符串.Symbol 1 解构赋值 1.1 Spread / Rest 操作符 1.2 数组的解构 1.3 对象的解构 1.4 解构的默认值和参数的解构 2 模板字 ...

利用解构赋值获取后端特定字段数据

利用解构赋值获取后端特定字段数据相关推荐

最新文章

热门文章