Object.keys与Object.values方法之详解

最新推荐文章于 2025-05-14 18:35:59 发布

原创最新推荐文章于 2025-05-14 18:35:59 发布 · 641 阅读

5 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了JavaScript中Object.keys()和Object.values()方法的使用技巧，包括如何处理不同类型的对象以获取其可枚举属性或属性值，并展示了这些方法在数组和字符串上的应用。

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

一、语法

①：Object.keys(obj)

参数：要返回其枚举自身属性的对象

返回值：一个表示给定对象的所有可枚举属性的字符串数组

二、处理对象，返回可枚举的属性数组

  let person = {name:"张三",age:25,address:"深圳",getName:function(){}}

        console.log('输出对象的key')

        console.log(Object.keys(person))//["name", "age", "address", "getName"]

        var anObj = { '100': 'a', '50': 'b', '70': 'c','12':'5' };

        //var anObj = { 100: 'a', 50: 'b', 70: 'c',12:'5' };

        console.log("如果为数字的话，按着大小自动输出key值")

        console.log(Object.keys(anObj));//["12", "50", "70", "100"]

    三、处理数组，返回索引值数组

        let arr=[1,2,3,4]

        console.log("输出索引值")

        console.log(Object.keys(arr))//["0", "1", "2", "3"]

  四、处理字符串，返回索引值数组

        let str='abcd'

        console.log("输出索引值")

        console.log(Object.keys(str))//["0", "1", "2", "3"]

五、使用场景：用于获取对象的值

        let perArr=[]

        let test={'name':"张三",'age':25,'address':"深圳"}

        perArr=Object.keys(test).map((key)=>{

           console.log(test[key])

        })

②：Object.values()

参数：包含对象自身的所有可枚举属性值的数组。

返回值:一个表示给定对象的所有可枚举属性的字符串数组。

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

var obj = { 0: 'a', 1: 'b', 2: 'c' };
console.log(Object.values(obj)); // ['a', 'b', 'c']

var an_obj = { 100: 'a', 2: 'b', 7: 'c' };
console.log(Object.values(an_obj)); // ['b', 'c', 'a']