對象可枚舉和不可枚舉屬性


 在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()

先看一個例子,按如下方法創建zx對象:

function Person() {
    this.name = "ZX";
}
Person.prototype = {
    constructor: Person,
    job: "student",
};
 
var ZX = new Person();
Object.defineProperty(zx, "sex", {
    value: "female",
    enumerable: false
});

其中用defineProperty為對象定義了一個名為”sex”的不可枚舉屬性

接下來做以下驗證:

for(var pro in ZX) {
    console.log("ZX." + pro + " = " + ZX[pro]);
  }

遍歷結果:

枚舉性檢驗1

可以看到除了”sex“之外的屬性都遍歷到了

2.

console.log(Object.keys(kxy));

結果:

枚舉性檢驗2

只包含”name”屬性,說明該方法只能返回對象本身具有的可枚舉屬性。

3.

console.log(JSON.stringify(kxy));

結果:

可枚舉性檢驗3

此方法也只能讀取對象本身的可枚舉屬性,並序列化為JSON對象。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM