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));

Vuejs 对象常用操作：取对应的值，取key和value值,转数组，合并等

方法二：扩展运算符

    console.log({ …a, …b });

Vuejs 对象常用操作：取对应的值，取key和value值,转数组，合并等

注：展开运算符的只进行浅拷贝，不支持深拷贝。Object.assign()方法会修改目标对象。如果不希望修改原对象，需要提供一个空对象作为目标对象。此外，Object.assign()方法只能合并顶层的属性，不支持递归地合并嵌套对象。

4.对象转为数组

方法一：只需要对象的key或value转化为数组

通过上面的Object.key、value等方法实现

方法二：通过for in 整理成想要的数组

方法三：object.entries

Vuejs 对象常用操作：取对应的值，取key和value值,转数组，合并等

路过的帮忙点一下赞呗~~

本文来自网络，不代表协通编程立场，如若转载，请注明出处：https://www.net2asp.com/3f223074a4.html

赞 (0)
« 上一篇 1天前
下一篇 » 1天前

相关推荐