关于Object.keys()方法的解析

最新推荐文章于 2025-06-12 17:01:12 发布

维克拉玛蒂亚perry

最新推荐文章于 2025-06-12 17:01:12 发布

阅读量3.3k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/weixin_38930535/article/details/81780147

26 篇文章

订阅专栏

本文介绍了JavaScript中Object.keys方法的应用，包括获取对象、字符串及数组的属性名称，以及构造函数的属性处理方式，并对比了Object.getOwnPropertyNames函数。

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

在实际开发过程中，有时需要知道对象的所有属性，除了 (for...in...) 外，原生js 给我们提供了一个更优雅的方法：

Object.keys( object)。

☆ 传入对象，返回包含对象可枚举属性和方法的数组

var obj = {'a': 'Beijing', 'b': 'Haidian'};

console.log(Object.keys(obj)); //['a', 'b']

☆ 传入字符串，返回索引值

var str = "Beijing";

console.log(Object.keys(str));

// ["0", "1", "2", "3", "4", "5", "6"]

☆ 传入数组，返回索引值

var arr = ["a", "b", "c"];

console.log(Object.keys(arr));

//["0", "1", "2"]

☆ 构造函数，返回空数组或者属性名

function Demo(name, age) {

this.name = name;

this.age = age;

}

console.log(Object.keys(Demo));

// []

⭐️ keys 方法仅返回可枚举属性和方法的名称；若要返回可枚举和不可枚举属性和方法的名称，可以使用 Object.getOwnPropertyNames( ) 函数。