javascript forEach函數(shù)實現(xiàn)代碼
更新時間:2010年01月05日 13:32:32 作者:
在Base2中找到一個叫forEach的函數(shù),是我見過的最好的實現(xiàn)。挖出來分析一下。它能對各種普通對象,字符串,數(shù)組以及類數(shù)組進(jìn)行遍歷。如果原游覽器的對象已實現(xiàn)此函數(shù),它則調(diào)用原對象的函數(shù)。
復(fù)制代碼 代碼如下:
function forEach(object, block, context, fn) {
if (object == null) return;
if (!fn) {
if (typeof object == "function" && object.call) {
//遍歷普通對象
fn = Function;
} else if (typeof object.forEach == "function" && object.forEach != arguments.callee) {
//如果目標(biāo)已經(jīng)實現(xiàn)了forEach方法,則使用它自己的forEach方法(如標(biāo)準(zhǔn)游覽器的Array對象)
object.forEach(block, context);
return;
} else if (typeof object.length == "number") {
// 如果是類數(shù)組對象或IE的數(shù)組對象
_Array_forEach(object, block, context);
return;
}
}
_Function_forEach(fn || Object, object, block, context);
};
function _Array_forEach(array, block, context) {
if (array == null) return;
var i = 0,length = array.length;
if (typeof array == "string") {
for (; i < length; i++) {
block.call(context, array.charAt(i), i, array);
}
}else{
for (;i < length; i++) {
block.call(context, array[i], i, array);
}
}
};
_Function_forEach = function(fn, object, block, context) {
// 這里的fn恒為Function
for (var key in object) {
//只遍歷本地屬性
if (object.hasOwnProperty(key)) {
//相當(dāng)于 block(object[key], key)
block.call(context, object[key], key, object);
}
}
};
原作者的一些例子(我翻墻扒過來了!):
復(fù)制代碼 代碼如下:
function print(el,index){
alert(index+" : "+el)
}
forEach ([1, 2, 3], print);
forEach ({a: "aa", b: "bb",c: "cc"}, print);
forEach ("司徒正美", print);
forEach(document.styleSheets,function(el){
if(el.href) alert(el.href)
});
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
復(fù)制代碼 代碼如下:
function Person(name, age) {
this.name = name || "";
this.age = age || 0;
};
Person.prototype = new Person;
var fred = new Person("Fred", 38);
fred.language = "English";//極晚綁定
fred.wife = "Wilma";//極晚綁定
forEach(fred,print)
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
您可能感興趣的文章:
- 詳解JavaScript中的forEach()方法的使用
- js中的for如何實現(xiàn)foreach中的遍歷
- JavaScript forEach()遍歷函數(shù)使用及介紹
- javascript forEach通用循環(huán)遍歷方法
- Javascript數(shù)組循環(huán)遍歷之forEach詳解
- 關(guān)于JavaScript中forEach和each用法淺析
- jQuery each和js forEach用法比較
- jsp簡單自定義標(biāo)簽的forEach遍歷及轉(zhuǎn)義字符示例
- JavaScript樹的深度優(yōu)先遍歷和廣度優(yōu)先遍歷算法示例
- JavaScript實現(xiàn)多叉樹的遞歸遍歷和非遞歸遍歷算法操作示例
- JavaScript實現(xiàn)樹的遍歷算法示例【廣度優(yōu)先與深度優(yōu)先】
- JS實現(xiàn)手寫 forEach算法示例
相關(guān)文章
使用JavaScript實現(xiàn)一個小程序之99乘法表
這篇文章主要介紹了使用JavaScript實現(xiàn)一個小程序之99乘法表的相關(guān)資料,需要的朋友可以參考下2017-09-09數(shù)據(jù)結(jié)構(gòu)中的各種排序方法小結(jié)(JS實現(xiàn))
下面小編就為大家?guī)硪黄獢?shù)據(jù)結(jié)構(gòu)中的各種排序方法小結(jié)(JS實現(xiàn))。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-07-07理解JavaScript的caller,callee,call,apply
文章挺好的,雖然我用的是jQuery,但感覺還是有些用的~~~2009-04-04JavaScript 生成隨機(jī)數(shù)并自動大小排序
JavaScript按規(guī)定生成隨機(jī)數(shù),并按指定順序自動排序,本例中將生成1——100以內(nèi)的隨機(jī)數(shù),并按照由小到大的順序排列起來。2009-12-12