JavaScript实现Iterator模式实例分析


Posted in Javascript onJune 09, 2015

本文实例讲述了JavaScript实现Iterator模式的方法。分享给大家供大家参考。具体分析如下:

经常在网上看到有不少JS设计模式的示例。这里写一下JavaScript实现Iterator模式的方法,记录在此,仅作备忘:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>无标题 1</title>
</head>
<body>
<script type="text/javascript" language="javascript">
 ///@定义一个迭代器对象
 function Iterator(arr)
 {
  this.obj=arr;
  this.length=this.obj.length;
  this.index=0; //从前往后
 }
 Iterator.prototype=
 {
  current:function()
  {
   return this.obj[this.index-1];
  },
  first:function()
  {
   return this.obj[0];
  },
  last:function()
  {
   return this.obj[this.length-1];
  },
  hasNext:function()
  {
   this.index=this.index+1;
   if(this.index>this.length || null==this.obj[this.index-1])
    return false;
   return true;
  }
 }
 Array.prototype.createIterator=function()
 {
  return new Iterator(this);
 }
 var test=['abc1','abc2','abc3'];
 var iter=test.createIterator();
 while(iter.hasNext())
 {
  var tempArr=iter.current();
  alert(tempArr);
 }
</script>
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
javascript学习基础笔记之DOM对象操作
Nov 03 Javascript
Jquery实现列表(隔行换色,全选,鼠标滑过当前行)效果实例
Jun 09 Javascript
fixedBox固定div漂浮代码支持ie6以上大部分主流浏览器
Jun 26 Javascript
JavaScript中字符串拼接的基本方法
Jul 07 Javascript
javascript作用域链(Scope Chain)用法实例解析
Nov 30 Javascript
微信小程序movable view移动图片和双指缩放实例代码
Aug 08 Javascript
bootstrap confirmation按钮提示组件使用详解
Aug 22 Javascript
微信小程序表单验证WxValidate的使用
Nov 27 Javascript
小程序双头slider选择器的实现示例
Mar 31 Javascript
微信小程序订阅消息(java后端实现)开发
Jun 01 Javascript
vue-cli3自动消除console.log()的调试信息方式
Oct 21 Javascript
js实现验证码干扰(静态)
Feb 22 Javascript
JavaScript中用sort()方法对数组元素进行排序的操作
Jun 09 #Javascript
JavaScript数组迭代器实例分析
Jun 09 #Javascript
在Javascript中处理数组之toSource()方法的使用
Jun 09 #Javascript
JavaScript中的some()方法使用详解
Jun 09 #Javascript
详解JavaScript中shift()方法的使用
Jun 09 #Javascript
在JavaScript中处理数组之reverse()方法的使用
Jun 09 #Javascript
JavaScript中reduce()方法的使用详解
Jun 09 #Javascript
You might like
php判断当前用户已在别处登录的方法
2015/01/06 PHP
php中html_entity_decode实现HTML实体转义
2018/06/13 PHP
PHP+redis实现的限制抢购防止商品超发功能详解
2019/09/19 PHP
jquery中对表单的基本操作代码
2010/07/29 Javascript
jquery聚焦文本框与扩展文本框聚焦方法
2012/10/12 Javascript
根据json字符串生成Html的一种方式
2013/01/09 Javascript
JavaScript图片放大技术(放大镜)实现代码分享
2013/11/14 Javascript
js操作模态窗口及父子窗口间相互传值示例
2014/06/09 Javascript
JS上传图片前实现图片预览效果的方法
2015/03/02 Javascript
手机端页面rem宽度自适应脚本
2015/05/20 Javascript
在IE8上JS实现combobox支持拼音检索功能
2016/05/23 Javascript
JS仿百度自动下拉框模糊匹配提示
2016/07/25 Javascript
Node.js websocket使用socket.io库实现实时聊天室
2017/02/20 Javascript
JavaScript正则表达式函数总结(常用)
2018/02/22 Javascript
AngularJS日期格式化常见操作实例分析
2018/05/17 Javascript
vue+egg+jwt实现登录验证的示例代码
2019/05/18 Javascript
Python使用defaultdict读取文件各列的方法
2017/05/11 Python
Python3 queue队列模块详细介绍
2018/01/05 Python
浅谈pandas中DataFrame关于显示值省略的解决方法
2018/04/08 Python
Python实现动态添加属性和方法操作示例
2018/07/25 Python
[原创]Python入门教程1. 基本运算【四则运算、变量、math模块等】
2018/10/28 Python
python安装requests库的实例代码
2019/06/25 Python
Django Auth用户认证组件实现代码
2020/10/13 Python
css3的transition效果和transfor效果示例介绍
2013/10/30 HTML / CSS
英国殿堂级有机护肤品牌:Rodial
2017/04/17 全球购物
英国工具中心:UK Tool Centre
2017/07/10 全球购物
英国蜡烛、蜡烛配件和家居香氛购买网站:Yankee Candle
2018/12/12 全球购物
德国自行车商店:Tretwerk
2019/06/21 全球购物
行政部主管岗位职责
2013/12/28 职场文书
电子信息科学专业自荐信
2014/01/30 职场文书
贷款委托书
2014/08/01 职场文书
2015年清明节网上祭英烈留言寄语
2015/03/04 职场文书
2015年乡镇工作总结范文
2015/04/22 职场文书
2015年骨干教师工作总结
2015/05/26 职场文书
教务处干事工作总结
2015/08/14 职场文书
nginx静态资源的服务器配置方法
2022/07/07 Servers