通过实例解析js可枚举属性与不可枚举属性
更新时间：2020年12月02日 11:39:55 作者：王者归来！
这篇文章主要介绍了通过实例解析js可枚举属性与不可枚举属性,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
在JavaScript中，对象的属性分为可枚举和不可枚举之分，它们是由属性的enumerable值决定的。可枚举性决定了这个属性能否被for…in查找遍历到。
一、怎么判断属性是否可枚举
js中基本包装类型的原型属性是不可枚举的，如Object, Array, Number等，如果你写出这样的代码遍历其中的属性：
var num = new Number();
for(var pro in num) {
console.log("num." + pro + " = " + num[pro]);
}
它的输出结果会是空。这是因为Number中内置的属性是不可枚举的，所以不能被for…in访问到。
Object对象的propertyIsEnumerable()方法可以判断此对象是否包含某个属性，并且这个属性是否可枚举。
需要注意的是：如果判断的属性存在于Object对象的原型内，不管它是否可枚举都会返回false。
二、枚举性的作用
属性的枚举性会影响以下三个函数的结果：
- for…in
- Object.keys()
- JSON.stringify
先看一个例子，按如下方法创建kxy对象：
function Person() {
this.name = "KXY";
}
Person.prototype = {
constructor: Person,
job: "student",
};
var kxy = new Person();
Object.defineProperty(kxy, "sex", {
value: "female",
enumerable: false
});
其中用defineProperty为对象定义了一个名为”sex”的不可枚举属性
接下来做以下验证：
for(var pro in kxy) {
console.log("kxy." + pro + " = " + kxy[pro]);
}
遍历结果：
可以看到除了”sex“之外的属性都遍历到了
console.log(Object.keys(kxy));
结果：
只包含”name”属性，说明该方法只能返回对象本身具有的可枚举属性。
console.log(JSON.stringify(kxy));
结果：
此方法也只能读取对象本身的可枚举属性，并序列化为JSON对象。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
比JSON.stringify快两倍的fast-json-stringify性能对比分析
这篇文章主要为大家介绍了比JSON.stringify快两倍的fast-json-stringify性能对比分析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-12-12
doctype后如何获得body.clientHeight的方法
doctype后如何获得body.clientHeight的方法...2007-07-07
本文主要介绍了原生Js Canvas去除视频绿幕背景的方法实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2023-09-09
本文主要介绍了js放到head中有时候会失效的原因以及解决方法，具有很好的参考价值。下面跟着小编一起来看下吧2017-03-03
这篇文章主要介绍了微信小程序 scroll-view 水平滚动实现过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-10-10
实现随机数是各种编程语言都很常见的一个编程任务，下面介绍一下在JavaScript如何实现随机数。非常的简单实用的例子奉献给大家，希望大家能够喜欢。2015-11-11
使用 JavaScript 和 canvas 压缩图像可以使用 canvas 的 drawImage() 方法将图像绘制到 canvas 上，然后使用 toDataURL() 方法将图像转换为 Data URL 形式，这篇文章主要介绍了JavaScript 图像压缩的相关资料,需要的朋友可以参考下2023-01-01
最近在百度搜索的时候，当你输入一个字或者词的时候，他会给你们弹出一个下拉框出来，里面是和你相关的搜索提示，效果非常人性化，基于js怎么实现搜索关键词智能提示功能，下面小编通过实例代码给大家介绍下，需要的的朋友参考下吧2017-07-07
这篇文章主要介绍了Ajax请求时无法重定向的问题解决代码详解，当使用Ajax请求时，如果后台进行重定向到其他页面时是无法成功的，只能在浏览器地址栏输入才能够实现重定向。下面我们来看看解决方法吧2019-06-06
解决ueditor jquery javascript 取值问题
这篇文章主要介绍了解决ueditor jquery javascript 取值问题,需要的朋友可以参考下2014-12-12
最新评论