js的hasownproperty使用示例

更新時間：2014年03月02日 16:00:51 作者：

我們在js中可能經(jīng)常會用到for in來遍歷對象中的屬性，當(dāng)然for in中得到的屬性，只能是可枚舉的屬性，for in的時候，它會把對象的屬性(包括原型的屬性)遍歷一遍，看面看示例就明白了

例如:
有這么一段代碼：

復(fù)制代碼代碼如下:

var array = [];
array.push(1);
array.push(2);
array.push(3);
for(var i in array) {
console.log(i+":"+array[i]);
}

此時會輸出什么呢？當(dāng)然是0:1 1:2 2:3
但是如果在for in之前加上Array.prototype.say = "hello";
再次運行會輸出什么呢？

復(fù)制代碼代碼如下:

0:1 1:2 2:3 say:hello

看到了吧，這個時候，它會輸出原型的屬性
在很多時候，我們不需要遍歷它原型的屬性，還有一個原因就是，我們現(xiàn)在用到的對象，我們不能保證，其他開發(fā)人員，有沒有，在它的原型上加一些屬性呢？所以呢，我們就過濾一下我們對象的屬性吧，這個時候就用到了hasOwnProperty方法，如下：

復(fù)制代碼代碼如下:

for(var i in array){
if(array.hasOwnProperty(i)) {
console.log(i+":"+array[i]);
}
}

再想想現(xiàn)在會輸出什么呢？當(dāng)然是0:1 1:2 2:3啦。

您可能感興趣的文章:

相關(guān)文章

淺談JavaScript編程語言的編碼規(guī)范
本文淺談 JavaScript 編程中關(guān)于編碼規(guī)范的問題，分析其中緣由。希望引起更多 Web 開發(fā)人員對 JavaScript 編碼規(guī)范問題的關(guān)注和對軟件產(chǎn)品質(zhì)量問題的重視
2011-10-10
深入理解JavaScript中的塊級作用域、私有變量與模塊模式
本篇文章詳細的介紹了JavaScript中的塊級作用域、私有變量與模塊模式，詳細介紹了塊級作用域、私有變量與模塊模式，對學(xué)習(xí)JavaScript很有幫助。
2016-10-10
關(guān)于前端要知道的?AST知識
這篇文章主要介紹了關(guān)于前端要知道的?AST知識,在計算機科學(xué)中，抽象語法樹是源代碼語法結(jié)構(gòu)的一種抽象表示,需要的朋友可以參考下
2023-04-04
簡介JavaScript中valueOf()方法的使用
這篇文章主要介紹了簡介JavaScript中valueOf()方法的使用,是JS入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下
2015-06-06
javascript 函數(shù)速查表
js 函數(shù)速查表,方便大家快速的找到相關(guān)函數(shù)。
2010-02-02
Javascript基礎(chǔ)教程之定義和調(diào)用函數(shù)
這篇文章主要介紹了Javascript基礎(chǔ)教程之定義和調(diào)用函數(shù)的相關(guān)資料,需要的朋友可以參考下
2015-01-01
JS 作用域與作用域鏈詳解
這篇文章主要介紹了JS 作用域與作用域鏈詳解，十分的細致全面，這里推薦給小伙伴們，有需要的朋友可以參考下。
2015-04-04
JavaScript的instanceof運算符學(xué)習(xí)教程
instanceof運算符可以用來判斷某個構(gòu)造函數(shù)的prototype屬性所指向的對象是否存在于另外一個要檢測對象的原型鏈上,這里我們就來看一下JavaScript的instanceof運算符學(xué)習(xí)教程
2016-06-06
Javascript之Math對象詳解
本文主要介紹javascript中的Math對象的用法，講解的很詳細，希望能給大家做一個參考。
2016-06-06
2019年度web前端面試題總結(jié)(主要為Vue面試題)
轉(zhuǎn)眼2019又要過去了，作為一名前端碼農(nóng)，又熬過一個沒日沒夜的年頭，頭發(fā)又少了不少，去年的學(xué)習(xí)計劃一半也沒完成，唉。。。現(xiàn)在為大家總結(jié)一下這一年面試的幾家公司的關(guān)于前端面試題吧
2020-01-01