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

本文介绍了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( )  函数。

原文:https://blog.youkuaiyun.com/hb_zhouyj/article/details/78331421

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值