通過實例解析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)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章:
1. jsp網(wǎng)頁實現(xiàn)貪吃蛇小游戲2. jsp+servlet簡單實現(xiàn)上傳文件功能(保存目錄改進)3. JavaScript實現(xiàn)組件化和模塊化方法詳解4. ASP.NET MVC遍歷驗證ModelState的錯誤信息5. HTML5 Canvas繪制圖形從入門到精通6. .Net Core和RabbitMQ限制循環(huán)消費的方法7. 淺談SpringMVC jsp前臺獲取參數(shù)的方式 EL表達式8. SpringMVC+Jquery實現(xiàn)Ajax功能9. ASP中if語句、select 、while循環(huán)的使用方法10. asp(vbs)Rs.Open和Conn.Execute的詳解和區(qū)別及&H0001的說明
