在JavaScript中,對象的屬性分為可枚舉和不可枚舉之分,它們是由屬性的enumerable值決定的。可枚舉性決定了這個屬性能否被for…in查找遍歷到。
一、怎么判斷屬性是否可枚舉
js中基本包裝類型的原型屬性是不可枚舉的,如Object, Array, Number等,如果你寫出這樣的代碼遍歷其中的屬性:
1
2
3
4
|
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對象:
1
2
3
4
5
6
7
8
9
10
11
12
13
|
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”的不可枚舉屬性
接下來做以下驗證:
1.
1
2
3
|
for
(
var
pro
in
kxy) {
console.log(
"kxy."
+ pro +
" = "
+ kxy[pro]);
}
|
遍歷結果:
可以看到除了”sex“之外的屬性都遍歷到了
2.
1
|
console.log(Object.keys(kxy));
|
結果:
只包含”name”屬性,說明該方法只能返回對象本身具有的可枚舉屬性。
3.
1
|
console.log(JSON.stringify(kxy));
|
<結果:
此方法也只能讀取對象本身的可枚舉屬性,並序列化為JSON對象。