javascript笔记——源生js实现each方法
2017-02-21 15:36
106 查看
出处:http://www.lovejavascript.com/#!zone/blog/content.html?id=48
jquery里面有个each方法,将循环操作简化、便捷。
随后es出了个forEach方法,两个虽然用法相近,但是不能处理对象类型。且无法通过return true达到continue效果。
此外还有个every方法,该方法虽然可以实现continue效果,但是在处理类数组与对象类型时,完全无用。
在不使用jquery的each方法时,该如何处理;或者说用原生如何来实现?我在GridManager.js中集成了该方法,代码如下:
我们来try一下, 测试下数组、对象、类数组类型及中断效果
数组类型:
输出如下:
对象类型:
输出如下:
类数组类型 :
输出如下:
增加中断条件:
输出如下:
从结果可以看出来,each方法已经实现了jquery的each功能。且实现如此简单~
jquery里面有个each方法,将循环操作简化、便捷。
随后es出了个forEach方法,两个虽然用法相近,但是不能处理对象类型。且无法通过return true达到continue效果。
此外还有个every方法,该方法虽然可以实现continue效果,但是在处理类数组与对象类型时,完全无用。
在不使用jquery的each方法时,该如何处理;或者说用原生如何来实现?我在GridManager.js中集成了该方法,代码如下:
数组类型:
对象类型:
类数组类型 :
增加中断条件:
从结果可以看出来,each方法已经实现了jquery的each功能。且实现如此简单~
相关文章推荐
- javascript中each方法的实现
- C#利用delegate实现Javascript的each方法
- javascript 学习之原型示例练习--- 实现一个each方法,遍历多维数组
- [Effective JavaScript 笔记]第26条:使用bind方法实现函数的柯里化
- 学习笔记:快速排序的C++、JavaScript(2种方法)、Java实现
- delegate实现Javascript的each方法
- JavaScript专题之jQuery通用遍历方法each的实现
- javascript原型-自己实现each方法遍历多维数组(2)
- C#如何用delegate实现Javascript的each方法
- javaScript,ECMA5,自定义each方法实现遍历多维数组
- 用javascript实现select的美化的方法
- [翻译]javascript学习笔记 (四)-面向对象的实现
- ESC之ESC.wsf可以实现javascript的代码压缩附使用方法第1/5页
- 利用JavaScript方法实现静态html页面参数传递
- JavaScript实现禁止后退的方法
- javascript实现时钟的多种方法
- googlemap 之 javascript实现方法
- javascript实现页面之间传递参数的方法
- googlemap 之 javascript实现方法
- googlemap 之 javascript实现方法