1. 程式人生 > 其它 >JavaScript中的可列舉屬性與不可列舉屬性

JavaScript中的可列舉屬性與不可列舉屬性

https://www.cnblogs.com/kongxy/p/4618173.html

在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]); }

遍歷結果:

kxy.name = KXY

	kxy.constructor = function Person() {
	this.name = "KXY";
}

kxy.job = student

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

個人補充

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

列印結果是:

kxy.name = KXY
console.log(Object.keys(kxy));

在這裡插入圖片描述
只包含”name”屬性,說明該方法只能返回物件本身具有的可列舉屬性

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

在這裡插入圖片描述
此方法也只能讀取物件本身的可列舉屬性,並序列化為JSON物件。