Vuejs 对象常用操作:取对应的值,取key和value值,转数组,合并等 | 您所在的位置:网站首页 › 怎么获取list中的一个对象数据 › Vuejs 对象常用操作:取对应的值,取key和value值,转数组,合并等 |
1. 取得某一个属性的值 let obj = {'name':'lxc','age':26} 方法一:点号操作符 obj.name 方法二:方括号操作符:obj[name] 方法三:解构赋值 let {name} = obj ... 2.取得对象的key和value值 let obj = {'name':'lxc','age':26} 取Object key值 方法一:Object.keys(obj) //['name','age'] 返回一个字符串数组 方法二:for in for(let i in obj){ console.log(i); //name,age } ... Object value值 方法一:Object.value(obj) //['lxc',26] 返回一个字符串数组 方法二:for in for(let i in obj){ console.log(obj[i]); //lxc,26 } 方法三:map Object.keys(obj).map((key)=>{ console.log(obj[key])}) //lxc,26 3.对象合并(会将key值相同的进行覆盖去重操作) 方法一:Object.assign const a = { a: 1, b: 4 } const b = { b: 2, c: 3 } console.log(Object.assign(a, b)); 方法二:扩展运算符 console.log({ ...a, ...b }); 注:展开运算符的只进行浅拷贝,不支持深拷贝。Object.assign()方法会修改目标对象。如果不希望修改原对象,需要提供一个空对象作为目标对象。此外,Object.assign()方法只能合并顶层的属性,不支持递归地合并嵌套对象。 4.对象转为数组 方法一:只需要对象的key或value转化为数组 通过上面的Object.key、value等方法实现 方法二:通过for in 整理成想要的数组 方法三:object.entries 路过的帮忙点一下赞呗~~ |
CopyRight 2018-2019 实验室设备网 版权所有 |