Reflect.ownKeys和Object.keys详解

最新推荐文章于 2025-04-02 17:09:34 发布

柒丶月

最新推荐文章于 2025-04-02 17:09:34 发布

阅读量5k

点赞数 4

分类专栏：前端学习笔记文章标签： js object

本文链接：https://blog.youkuaiyun.com/lin1072368472/article/details/108220371

版权

前端学习笔记专栏收录该内容

50 篇文章

订阅专栏

本文深入探讨了JavaScript中的Reflect.ownKeys()和Object.keys()方法。Reflect.ownKeys()能返回对象所有属性的key，无论是否可枚举；而Object.keys()仅返回可枚举的属性key。文章通过实例对比了两者在处理不同对象属性时的差异。

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

Reflect.ownKeys()

**Reflect.ownKeys(target)**是返回所有的属性key，包括不可枚举类型，不包括继承的属性
参数：
target:获取目标对象的属性，如果target不是对象则报错
返回值：
返回由target属性组成的数组

		let obj = {
			name:'zhangsan',
			age:'18'
		}
		console.log(Reflect.ownKeys(obj));

在这里插入图片描述
这里注意在js中数组也是对象

		let obj = {
			name:'zhangsan',
			age:'18'
		}
		let arr = new Array(['1','2']);
		console.log(typeof arr); //object
		console.log(Reflect.ownKeys(arr));

**Reflect.ownKeys(obj)和Object.getOwnPropertyNames(target).concat(Object.getOwnPropertySymbols(target))**等价

		let obj = {
			name:'zhangsan',
			age:'18',
			func:function(){
				console.log(test);
			}
		}
		console.log(Object.getOwnPropertyNames(obj).concat(Object.getOwnPropertySymbols(obj)));
		console.log(Reflect.ownKeys(obj));

在这里插入图片描述

Object.keys()

**Object.keys(obj)**返回遍历对象可枚举类型的属性，不包括继承的属性
参数：
obj要遍历的对象
返回值：
返回字符串数组

		let obj = {
			name:'zhangsan',
			age:'18',
			func:function(){
				console.log(test);
			},
			
		}
		Object.defineProperty(obj,'job',{
			value:'programer',
			enumrable:false
		})
		console.log(Object.keys(obj)); //(3) ["name", "age", "func"]

Reflect.ownKeys和Object.keys的区别
Reflect.ownKeys返回所有的属性不管是不是可枚举
Object.keys返回可枚举的属性