首页 前端知识 Vuejs 对象常用操作:取对应的值,取key和value值,转数组,合并等

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

2024-04-29 12:04:44 前端知识 前端哥 713 453 我要收藏

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

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

转载请注明出处或者链接地址:https://www.qianduange.cn//article/6392.html
标签
评论
发布的文章

HTML5本地存储

2024-05-06 09:05:10

HTML5和CSS3新特性

2024-04-16 17:04:36

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!