当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript forEach函数实现代码

Javascript
javascript实例教程(15) 日期函数
javascript实例教程(17) 使用字符串函数
javascript实例教程(18) 数组
javascript实例教程(19) 使用HoTMetal(1)
javascript实例教程(19) 使用HoTMetal(2)
javascript实例教程(19) 使用HoTMetal(3)
javascript实例教程(19) 使用HoTMetal(4)
javascript使图片加载进度实时显示
代码前置时页面输出脚本的要注意的问题|
javascript网页中显示硬盘内容
JS实现仿新浪信息提示效果
Js 按照MVC模式制作自定义控件
滑动展开/收缩广告代码实例效果
JS实现的滑动展开与折叠效果
时钟广告跳转状态栏等JS代码
一个以Javascript+xml的树型列表
target 属性怎么用 JS 来控制?
一组常用的弹出窗口用法总结
冒泡算法的三种JavaScript表示
网页最简短的拖动对象代码实例演示

Javascript 中的 javascript forEach函数实现代码


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-10   浏览: 155 ::
收藏到网摘: n/a

在Base2中找到一个叫forEach的函数,是我见过的最好的实现。挖出来分析一下。它能对各种普通对象,字符串,数组以及类数组进行遍历。如果原游览器的对象已实现此函数,它则调用原对象的函数。
复制代码 代码如下:

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) {
//如果目标已经实现了forEach方法,则使用它自己的forEach方法(如标准游览器的Array对象)
object.forEach(block, context);
return;
} else if (typeof object.length == "number") {
// 如果是类数组对象或IE的数组对象
_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)) {
//相当于 block(object[key], key)
block.call(context, object[key], key, object);
}
}
};

原作者的一些例子(我翻墙扒过来了!):
复制代码 代码如下:

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 全选 提示:你可先修改部分代码,再按运行]

复制代码 代码如下:

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 全选 提示:你可先修改部分代码,再按运行]