Vuejs对象操作:对象转数组,取对象的属性key 和value 值,以及将多个对象合并为一个对象

本文介绍了JavaScript中获取对象的key、value以及键值对的方法,包括Object.keys、Object.values、Object.entries。此外,还展示了如何使用Object.assign将多个对象合并,并在合并过程中避免属性重复。这些技巧对于理解和操作JavaScript对象至关重要。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、取对象的key

Object.keys(obj) 返回一个表示给定对象的所有可枚举属性的字符串数组

var obj = { foo: 'bar', baz: 42 };
console.log(Object.keys(obj)); // ['foo', 'baz']

2、取对象的value值

方法一:**Object.values(obj)**返回一个给定对象自身的所有可枚举属性值的数组,值的顺序与使用 for…in 循环的顺序相同 ( 区别在于 for-in 循环枚举原型链中的属性 )。

var obj = { foo: 'bar', baz: 42 };
console.log(Object.values(obj)); // ['bar', 42]
console.log(Object.values('foo')); // ['f', 'o', 'o']

方法二:

let obj = {
        a:'aa',
        b:'bb',
        c:'cc',
        d:'dd'
    };
for(let i in obj){
 console.log(i); //a b c d
 console.log(obj[i]); // aa bb cc dd
}
//如果想把值整合在一起,可以var一个数组,然后将值push进数组里

方法三:

var obj = { foo: 'bar', baz: 42 };
Object.keys(obj).map((key)=>{    console.log(obj[key])});//依次返回 bar 42

3、将key和value都取出来并转成数组

Object.entries() 返回一个数组,成员是参数对象自身的(不含继承的)所有可遍历(enumerable)属性的键值对数组

var obj = { foo: 'bar', baz: 42 };
console.log(Object.entries(obj)); // [['foo', 'baz'],['bar',42]]

4、将多个对象合并为一个并去重

Object.assign方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。

const target = { a: 1, b: 2 };
const source = { b: 4, c: 5 };
const returnedTarget = Object.assign(target, source);//{a: 1, b: 4, c: 5}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值