JavaScript中Object.getOwnPropertyNames()与Object.keys(obj)的区别

大部分情况下Object.getOwnPropertyNames()与Object.keys(obj)的功能是一样的，我们一般也是用来获取一个JSON对象中所有属性，例如

const obj = {property1: 1,property2: 2,
};console.log(Object.keys(obj));
console.log(Object.getOwnPropertyNames(obj));

输出：

> Array ["property1", "property2"]
> Array ["property1", "property2"]

可以看到两种方法输出的结果是一样的，那么这两种方法完全一样吗？答案一般来讲不是，如果一样何必大动干戈定义两种方法
那么这两种方法区别在哪里呢？那就是Object.getOwnPropertyNames返回的是对象所有自己的属性，而Object.keys(obj)则返回的是所有可枚举属性，也就是属性下的enumerable: false，看例子：

const obj = {};
Object.defineProperties(obj, {property1: {enumerable: true, value: 1},property2: {enumerable: false, value: 2},
});console.log(Object.keys(obj));
console.log(Object.getOwnPropertyNames(obj));

输出：

> Array ["property1"]
> Array ["property1", "property2"]

可以看到输出结果不一样了，enumerable: false被Object.getOwnPropertyNames干掉了。

JavaScript中Object.getOwnPropertyNames()与Object.keys(obj)的区别相关推荐

javascript 中的window, document, screen都有什么区别？
谷歌之后,从stackoverflow上找到的高赞答案: https://stackoverflow.com/questions/9895202/what-is-the-difference-betw ...
javascript中var、let、const声明的区别
我在上一篇文章javascript中词法环境.领域.执行上下文以及作业详解中的最后稍微提到了有关var.let.const声明的区别,在本篇中我会重点来分析它们之间到底有什么不同. 提到var.let ...
JavaScript中的单引号和双引号的区别
JavaScript中的单引号和双引号其实没啥区别,看你自己习惯了.但若双引号中再使用双引号,我们可采取"外双内单"或者"外单内双"的格式:如果需要的是双引号本 ...
javascript中打印对象显示[object object]_js如何打印object对象
这篇文章主要介绍了js如何打印object对象,需要的朋友可以参考下 js调试中经常会碰到输出的内容是对象而无法打印的时候,光靠alert只能打印出object标示,却不能打印出来里面的内容,甚是不方 ...
javascript中打印对象显示[object object]_扒一扒JavaScript中不常见的一些object
前言今天仔细阅读了MDN的这篇guide:Using XMLHttpRequest,在里面发现了好多以前听都没听过的概念,尤其是那些不为人知的Object,所以在这里特地把它们拎出来讲一下,不求多深 ...
JavaScript中innerText,innerHTML,outerText,outerHTML使用心得和区别
<div id = "test"> <span style="color:red">test1</span> ...
JavaScript 中 call、apply和bind的用法区别
ECMAScript 规范给所有函数都定义了 call 与 apply 两个方法,它们的应用非常广泛,它们的作用也是一模一样,只是传参的形式有区别而已. 其实是一个很简单的东西,认真看十分钟就从一脸懵 ...
javascript中编码与解码的decodeURI()、decodeURIComponent()区别
1. 定义和用法 decodeURI() 函数可对 encodeURI() 函数编码过的 URI 进行解码.decodeURIComponent() 函数可对 encodeURIComponent() ...
JavaScript中 onclick()、click()触发点击事件的区别
function load(){ //下面两种方法效果是一样的document.getElementById("target").onclick();document.getEle ...

JavaScript中Object.getOwnPropertyNames()与Object.keys(obj)的区别

JavaScript中Object.getOwnPropertyNames()与Object.keys(obj)的区别相关推荐

最新文章

热门文章