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

总结

到此这篇关于Vuejs对象常用操作之取对应的值、取key和value值、转数组及合并等的文章就介绍到这了,更多相关Vuejs对象常用操作内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！