JavaScript 获取对象 Key 和 Value 的三种方法

作者:青柠时间:2026-10-26 07:41:24浏览:267

本文介绍JavaScript中获取对象键值对的三种常用方法。通过Object.keys()获取键数组,利用Object.values()获取值数组,以及使用for-in循环同时遍历键和值。文章包含具体代码示例,帮助开发者快速掌握对象属性的提取技巧。

1、获取key值

要提取对象中所有的键名,可以使用 Object.keys(obj) 方法。该方法会返回一个数组,数组元素为对象 obj 中所有可枚举的键名。

这里的 obj 代表你定义的具体对象实例,具体调用方式可参考下方图示。

2、获取value值

要提取对象中所有的属性值,可以使用 Object.values(obj) 方法。该方法同样返回一个数组,数组元素为对象 obj 中所有对应的属性值。

这里的 obj 代表你定义的具体对象实例,具体调用方式可参考下方图示。

3、同时获取key值和value值

可以使用 for-in 循环来遍历对象。关于 for-in 与 for-of 的区别,请参阅相关章节:。

var obj={age:20,name:'rose',gender:'女'}

若需同时遍历对象 obj 中的所有键(key)和值(value),通常采用以下代码结构。

for(var key in obj){
    console.log(key,obj[key])
}

结果:
  age 20
  name rose
  gender nv

以上内容到此结束,下面用其他示例介绍下js 获取对象的key和value

js 获取对象的key和value

获取对象的 keys 数组:Object.keys(obj) 获取对象的 values 数组:Object.values(obj)

let obj = {
  name: '张三',
  age: 30,
  sex: '男'
}
console.log(obj)
console.log(Object.keys(obj))
console.log(Object.values(obj))

1、获取key值

获取 keys的第一个: Object.keys(obj)[0] // name

到此这篇关于javascript如何获取对象的key和value的文章就介绍到这了,更多相关js获取对象key和value内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站!

作者最新文章