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 Konami Code 实现代码
Jul 29 Javascript
JS获得选取checkbox整行数据的方法
Jan 28 Javascript
JS实现网页Div层Clone拖拽效果
Sep 26 Javascript
基于jQuery下拉选择框插件支持单选多选功能代码
Jun 07 Javascript
JS简单获取客户端IP地址的方法【调用搜狐接口】
Sep 05 Javascript
AngularJS 自定义过滤器详解及实例代码
Sep 14 Javascript
聊一聊JS中的prototype
Sep 29 Javascript
js实现的光标位置工具函数示例
Oct 03 Javascript
yii form 表单提交之前JS在提交按钮的验证方法
Mar 15 Javascript
VSCode 配置React Native开发环境的方法
Dec 27 Javascript
Bootstrap 中data-[*] 属性的整理
Mar 13 Javascript
react 组件传值的三种方法
Jun 03 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
做一个有下拉功能的留言版
2006/10/09 PHP
分享五个PHP7性能优化提升技巧
2015/12/07 PHP
PHP购物车类Cart.class.php定义与用法示例
2016/07/20 PHP
PHP简单检测网址是否能够正常打开的方法
2016/09/04 PHP
PHP实现的统计数据功能详解
2016/12/06 PHP
js 数组实现一个类似ruby的迭代器
2009/10/27 Javascript
jQuery中与toggleClass等价的程序段 以及未来学习的方向
2010/03/18 Javascript
javascript window.confirm确认 取消对话框实现代码小结
2012/10/21 Javascript
JS小游戏之象棋暗棋源码详解
2014/09/25 Javascript
使用jQuery实现星级评分代码分享
2014/12/09 Javascript
jQuery中unwrap()方法用法实例
2015/01/16 Javascript
JS限制文本框只能输入数字和字母方法
2015/02/28 Javascript
jQuery ztree实现动态树形多选菜单
2016/08/12 Javascript
vue单页面实现当前页面刷新或跳转时提示保存
2018/11/02 Javascript
在Vue项目中用fullcalendar制作日程表的示例代码
2019/08/04 Javascript
vue+koa2实现session、token登陆状态验证的示例
2019/08/30 Javascript
Layui Form 自定义验证的实例代码
2019/09/14 Javascript
[45:59]完美世界DOTA2联赛PWL S2 FTD vs GXR 第二场 11.22
2020/11/24 DOTA
Python的标准模块包json详解
2017/03/13 Python
python 实现UTC时间加减的方法
2018/12/31 Python
Python如何使用函数做字典的值
2019/11/30 Python
在python tkinter界面中添加按钮的实例
2020/03/04 Python
Tensorflow中的降维函数tf.reduce_*使用总结
2020/04/20 Python
利用Opencv实现图片的油画特效实例
2021/02/28 Python
关于PySnooper 永远不要使用print进行调试的问题
2021/03/04 Python
连卡佛中国官网:Lane Crawford中文站
2018/01/27 全球购物
Marlies Dekkers内衣荷兰官方网店:荷兰奢侈内衣品牌
2020/03/27 全球购物
使用Vue.js和MJML创建响应式电子邮件
2021/03/23 Vue.js
简单的辞职信范文
2014/01/18 职场文书
群众路线学习笔记范文
2014/11/06 职场文书
2014年领班工作总结
2014/11/25 职场文书
廉洁自律心得体会2016
2016/01/13 职场文书
js 数组 fill() 填充方法
2021/11/02 Javascript
怎么禁用Windows 11快照布局? win11不使用快照布局的技巧
2021/11/21 数码科技
详细介绍Java中的CyclicBarrier
2022/04/13 Java/Android
html网页引入svg图片的4种方式
2022/08/05 HTML / CSS