|
|
測試代碼：
復(fù)制代碼 代碼如下:
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)才是最科學(xué)的，像下面這樣：
for (var i=0; i< company.length; i++)
{
alert('index is:'+i+'/nvalue is:'+company[i]);
}
//這種對數(shù)組原型擴展屬性帶來的循環(huán)問題通常是導(dǎo)致你得不到預(yù)期的結(jié)果，但不注意也可能給你代碼帶來難以發(fā)現(xiàn)的問題，看看下面的例子：
var userInfo = [["Tom",21,"020-12345678"],["Mike",23,"020-87654321"]]; //顯然這里是數(shù)組嵌套
for (var i in userInfo)
{
//此時通過userInfo[i][0]可能根本得不到你預(yù)想的值，比如在這個循環(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)。最科學(xué)的數(shù)組遍歷應(yīng)該像這樣：使用普通的for循環(huán)，而且預(yù)存數(shù)組長度。代碼如下：
復(fù)制代碼 代碼如下:
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ù)：數(shù)組Array進行原型prototype擴展后帶來的for in遍歷問題，轉(zhuǎn)載需保留來源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。
