js中for in的用法示例解析
更新時(shí)間：2013年12月25日 16:22:22 作者：
使用js的朋友對(duì)其中for in的并不陌生吧，下面用示例為大家介紹下其具體使用方法
for(var i=0;i<len;i++)這樣的用法一般都可以用for in 來(lái)替代。
例如：
var a = ["a","b","c"];
for(var el in a){
alert(a[el]);
}
這個(gè)就是窮舉出a中的所有元素，當(dāng)然上面這個(gè)例子是可以用
for(var i=0,len=a.length;i<len;i++){
alert(a[i]);
}
這種方式進(jìn)行循環(huán)列出的，不過(guò)有時(shí)候這種方式就不一定奏效了。
例如：
var a = {"first":1,"second":2,"third":3};
這個(gè)時(shí)候就只能用for in來(lái)窮舉了。
一個(gè)對(duì)象是否可以進(jìn)行for in窮舉，我們可以通過(guò)propertyIsEnumerable屬性來(lái)判斷，說(shuō)明如下：
propertyIsEnumerable 屬性
返回 Boolean 值，指出所指定的屬性是否為一個(gè)對(duì)象的一部分以及該屬性是否是可列舉的。
object.propertyIsEnumerable(proName)
參數(shù)
object
必選項(xiàng)。一個(gè)對(duì)象。
proName
必選項(xiàng)。一個(gè)屬性名稱的字符串值。
說(shuō)明
如果 proName 存在于 object 中且可以使用一個(gè) For…In 循環(huán)窮舉出來(lái)，那么 propertyIsEnumerable 屬性返回 true。如果 object 不具有所指定的屬性或者所指定的屬性不是可列舉的，那么 propertyIsEnumerable 屬性返回 false。典型地，預(yù)定義的屬性不是可列舉的，而用戶定義的屬性總是可列舉的。
propertyIsEnumerable 屬性不考慮原型鏈中的對(duì)象。
例如：
復(fù)制代碼 代碼如下:
var a = ["a","b","c"];
for(var el in a){
alert(a[el]);
}
這個(gè)就是窮舉出a中的所有元素，當(dāng)然上面這個(gè)例子是可以用
復(fù)制代碼 代碼如下:
for(var i=0,len=a.length;i<len;i++){
alert(a[i]);
}
這種方式進(jìn)行循環(huán)列出的，不過(guò)有時(shí)候這種方式就不一定奏效了。
例如：
復(fù)制代碼 代碼如下:
var a = {"first":1,"second":2,"third":3};
這個(gè)時(shí)候就只能用for in來(lái)窮舉了。
一個(gè)對(duì)象是否可以進(jìn)行for in窮舉，我們可以通過(guò)propertyIsEnumerable屬性來(lái)判斷，說(shuō)明如下：
propertyIsEnumerable 屬性
返回 Boolean 值，指出所指定的屬性是否為一個(gè)對(duì)象的一部分以及該屬性是否是可列舉的。
復(fù)制代碼 代碼如下:
object.propertyIsEnumerable(proName)
參數(shù)
object
必選項(xiàng)。一個(gè)對(duì)象。
proName
必選項(xiàng)。一個(gè)屬性名稱的字符串值。
說(shuō)明
如果 proName 存在于 object 中且可以使用一個(gè) For…In 循環(huán)窮舉出來(lái)，那么 propertyIsEnumerable 屬性返回 true。如果 object 不具有所指定的屬性或者所指定的屬性不是可列舉的，那么 propertyIsEnumerable 屬性返回 false。典型地，預(yù)定義的屬性不是可列舉的，而用戶定義的屬性總是可列舉的。
propertyIsEnumerable 屬性不考慮原型鏈中的對(duì)象。
相關(guān)文章
這篇文章主要介紹了JS ES6多行字符串與連接字符串的表示方法,結(jié)合具體實(shí)例形式對(duì)比分析了ES6中的多行字符串與連接字符串的表示方法與相關(guān)操作技巧,需要的朋友可以參考下2017-04-04
這篇文章主要介紹了javascript文本模板用法,實(shí)例分析了文本模板的相關(guān)實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07
JS實(shí)現(xiàn)將數(shù)字金額轉(zhuǎn)換為大寫(xiě)人民幣漢字的方法
這篇文章主要介紹了JS實(shí)現(xiàn)將數(shù)字金額轉(zhuǎn)換為大寫(xiě)人民幣漢字的方法,涉及javascript字符串與數(shù)組操作的相關(guān)技巧,需要的朋友可以參考下2016-08-08
JS實(shí)現(xiàn)選定指定HTML元素對(duì)象中指定文本內(nèi)容功能示例
這篇文章主要介紹了JS實(shí)現(xiàn)選定指定HTML元素對(duì)象中指定文本內(nèi)容功能,涉及javascript針對(duì)HTML頁(yè)面元素的運(yùn)算與選定相關(guān)操作技巧,需要的朋友可以參考下2017-02-02
JavaScript之promise_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
這篇文章主要為大家詳細(xì)介紹了JavaScript之promise的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
這篇文章主要介紹了webpack4之如何編寫(xiě)loader，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-06-06
js遍歷對(duì)象key和value實(shí)戰(zhàn)舉例
這篇文章主要給大家介紹了關(guān)于js遍歷對(duì)象key和value的相關(guān)資料,隨著JavaScript在web應(yīng)用程序中的廣泛使用,遍歷對(duì)象的key和value成為了編寫(xiě)復(fù)雜代碼所必需的技能,需要的朋友可以參考下2023-07-07
原生js實(shí)現(xiàn)簡(jiǎn)單貪吃蛇小游戲
這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)貪吃蛇小游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-06-06
typescript基本數(shù)據(jù)類型HTMLElement與Element區(qū)別
這篇文章主要為大家介紹了typescript基本數(shù)據(jù)類型HTMLElement與Element區(qū)別詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-11-11
這篇文章主要為大家詳細(xì)介紹了js如何驗(yàn)證密碼強(qiáng)度，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-03-03