通過實例解析js可枚舉屬性與不可枚舉屬性
在JavaScript中，對象的屬性分為可枚舉和不可枚舉之分，它們是由屬性的enumerable值決定的。可枚舉性決定了這個屬性能否被for…in查找遍歷到。
一、怎么判斷屬性是否可枚舉
js中基本包裝類型的原型屬性是不可枚舉的，如Object, Array, Number等，如果你寫出這樣的代碼遍歷其中的屬性：
var num = new Number();
for(var pro in num) {
console.log("num." + pro + " = " + num[pro]);
}
它的輸出結(jié)果會是空。這是因為Number中內(nèi)置的屬性是不可枚舉的，所以不能被for…in訪問到。
Object對象的propertyIsEnumerable()方法可以判斷此對象是否包含某個屬性，并且這個屬性是否可枚舉。
需要注意的是：如果判斷的屬性存在于Object對象的原型內(nèi)，不管它是否可枚舉都會返回false。
二、枚舉性的作用
屬性的枚舉性會影響以下三個函數(shù)的結(jié)果：
- for…in
- Object.keys()
- JSON.stringify
先看一個例子，按如下方法創(chuàng)建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]);
}
遍歷結(jié)果：
可以看到除了”sex“之外的屬性都遍歷到了
console.log(Object.keys(kxy));
結(jié)果：
只包含”name”屬性，說明該方法只能返回對象本身具有的可枚舉屬性。
console.log(JSON.stringify(kxy));
結(jié)果：
此方法也只能讀取對象本身的可枚舉屬性，并序列化為JSON對象。
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
比JSON.stringify快兩倍的fast-json-stringify性能對比分析
這篇文章主要為大家介紹了比JSON.stringify快兩倍的fast-json-stringify性能對比分析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-12-12
doctype后如何獲得body.clientHeight的方法
doctype后如何獲得body.clientHeight的方法...2007-07-07
原生Js Canvas去除視頻綠幕背景的方法實現(xiàn)
本文主要介紹了原生Js Canvas去除視頻綠幕背景的方法實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2023-09-09
本文主要介紹了js放到head中有時候會失效的原因以及解決方法，具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
微信小程序 scroll-view 水平滾動實現(xiàn)過程解析
這篇文章主要介紹了微信小程序 scroll-view 水平滾動實現(xiàn)過程解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-10-10
實現(xiàn)隨機數(shù)是各種編程語言都很常見的一個編程任務，下面介紹一下在JavaScript如何實現(xiàn)隨機數(shù)。非常的簡單實用的例子奉獻給大家，希望大家能夠喜歡。2015-11-11
使用 JavaScript 和 canvas 壓縮圖像可以使用 canvas 的 drawImage() 方法將圖像繪制到 canvas 上，然后使用 toDataURL() 方法將圖像轉(zhuǎn)換為 Data URL 形式，這篇文章主要介紹了JavaScript 圖像壓縮的相關資料,需要的朋友可以參考下2023-01-01
最近在百度搜索的時候，當你輸入一個字或者詞的時候，他會給你們彈出一個下拉框出來，里面是和你相關的搜索提示，效果非常人性化，基于js怎么實現(xiàn)搜索關鍵詞智能提示功能，下面小編通過實例代碼給大家介紹下，需要的的朋友參考下吧2017-07-07
這篇文章主要介紹了Ajax請求時無法重定向的問題解決代碼詳解，當使用Ajax請求時，如果后臺進行重定向到其他頁面時是無法成功的，只能在瀏覽器地址欄輸入才能夠?qū)崿F(xiàn)重定向。下面我們來看看解決方法吧2019-06-06
解決ueditor jquery javascript 取值問題
這篇文章主要介紹了解決ueditor jquery javascript 取值問題,需要的朋友可以參考下2014-12-12