一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

數(shù)組Array進行原型prototype擴展后帶來的for in遍歷問題

通常在JavaScript中用for與for in遍歷數(shù)組結(jié)果是沒有什么區(qū)別的,它的循環(huán)變量i都是從0開始的數(shù)組索引(for in如果遍歷的是非數(shù)組對象的屬性集合,則這個i就是屬性名,或稱之為key)。另外要注意一點是:用for in遍歷數(shù)組,循環(huán)變量i是字符串類型的。如果對Array進行原型擴展后,再用for in來對數(shù)組進行遍歷時就要注意些問題了。
測試代碼:
復制代碼 代碼如下:
Array.prototype.max = function()
{
return Math.max.apply({}, this);
};
var company = ['Adobe','Apple','Google','Intel','Microsoft','Oracle','IBM','SUN'];
alert(company.length); //這里輸出的長度是8,與上面定義的數(shù)組長度一致
//下面循環(huán)了9次,在IE6、IE7第一次循環(huán)時i值不是0而是上面原型擴展的方法名max,而在IE8、FF瀏覽器最后一次循環(huán)時i值才為max
for (var i in company)
{
alert('index is:'+i+'/nvalue is:'+company[i]);
}
//此時,你若僅想打印上面8個公司列表,用for in循環(huán)是不行了,即使你非要這樣做,也要在循環(huán)內(nèi)部做點判斷,比如像下面這樣:
for (var i in company)
{
if (!isNaN(i))
alert('index is:'+i+'/nvalue is:'+company[i]);
}
//當然,為了安全起見,也不要那么懶,就寫成普通的for循環(huán)才是最科學的,像下面這樣:
for (var i=0; i< company.length; i++)
{
alert('index is:'+i+'/nvalue is:'+company[i]);
}
//這種對數(shù)組原型擴展屬性帶來的循環(huán)問題通常是導致你得不到預期的結(jié)果,但不注意也可能給你代碼帶來難以發(fā)現(xiàn)的問題,看看下面的例子:
var userInfo = [["Tom",21,"020-12345678"],["Mike",23,"020-87654321"]]; //顯然這里是數(shù)組嵌套
for (var i in userInfo)
{
//此時通過userInfo[i][0]可能根本得不到你預想的值,比如在這個循環(huán)中,你將看到有一次值為undefined的結(jié)果,這是因為當i值為max時,userInfo[i]是一個function而不是像這樣的子數(shù)組 ["Tom",21,"020-12345678"]
alert('Name:' + userInfo[i][0] + '/nAge:' + userInfo[i][1] + '/nPhone:' + userInfo[i][2]);
}

一般來說for in是用來遍歷對象屬性的,而數(shù)組還是要用for來遍歷(當然數(shù)組也是對象)。據(jù)了解,for要比for in的遍歷效率高,另外像C#、ActionScript3.0還有foreach循環(huán),這將是效率最高的循環(huán),不過JavaScript沒有這種循環(huán)。最科學的數(shù)組遍歷應該像這樣:使用普通的for循環(huán),而且預存數(shù)組長度。代碼如下:
復制代碼 代碼如下:
var company = ['Adobe', 'Apple', 'Google', 'Intel', 'Microsoft', 'Oracle', 'IBM', 'SUN'];
for (var i = 0, companyNum = company.length; i < companyNum; i++)
{
alert('index is:' + i + '/nvalue is:' + company[i]);
}

作者:WebFlash
出處:http://webflash.cnblogs.com

JavaScript技術數(shù)組Array進行原型prototype擴展后帶來的for in遍歷問題,轉(zhuǎn)載需保留來源!

鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯(lián)系我們修改或刪除,多謝。

主站蜘蛛池模板: 久久七国产精品 | 麻豆精品 | 丁香婷婷激情综合 | 国产全部理论片线观看 | 91在线欧美精品观看 | 亚洲午夜视频在线观看 | 成人怡红院视频在线观看 | 午夜黄色在线观看 | 成人网在线免费观看 | 91插视频| 四虎免费入口 | 在线观看免费精品国产 | 国产一级一级一级成人毛片 | 国产成人精品免费视频 | 国产热视频 | 玖玖玖视频在线观看视频6 玖玖免费 | 福利片91| 亚洲国产视频网站 | 免费韩国一级毛片 | 成人欧美在线观看 | 女人夜色黄网在线观看 | 国产美女视频免费 | 污片网站在线看 | 精品国产一区二区三区2021 | 黑人网站| 天天干天天射天天爽 | 亚色在线播放 | 最新激情网站 | 国产真实乱子伦精品视 | 婷婷综合五月天 | 成人爽a毛片在线视频 | 国产精品jlzz视频 | 欧美视频福利 | 国产视频资源 | 91国高清视频 | 亚洲激情在线播放 | 99久久国产综合精品麻豆 | 天天拍夜夜添久久精品免费 | 亚洲韩国日本欧美一区二区三区 | 国产亚洲精品观看91在线 | 精品国产自在现线看 |