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 相关文章推荐
jquery插件 autoComboBox 下拉框
Dec 22 Javascript
点弹代码 点击页面任何位置都可以弹出页面效果代码
Sep 17 Javascript
jquery miniui 教程 表格控件 合并单元格应用
Nov 25 Javascript
javascript中函数作为参数调用的方法
Feb 09 Javascript
javascript实现鼠标移到Image上方时显示文字效果的方法
Aug 07 Javascript
jQuery实现时尚漂亮的弹出式对话框实例
Aug 07 Javascript
JavaScript随机生成颜色的方法
Oct 15 Javascript
javascript中的隐式调用
Feb 10 Javascript
Angular5中提取公共组件之radio list的实例代码
Jul 10 Javascript
Vue+Koa2+mongoose写一个像素绘板的实现方法
Sep 10 Javascript
Vue搭建后台系统需要注意的问题
Nov 08 Javascript
深入了解Vue3模板编译原理
Nov 19 Vue.js
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
PHP4实际应用经验篇(6)
2006/10/09 PHP
用sql命令修改数据表中的一个字段为非空(not null)的语句
2010/06/04 PHP
PHP之COOKIE支持详解
2010/09/20 PHP
smarty中英文多编码字符截取乱码问题解决方法
2014/10/28 PHP
php如何实现只替换一次或N次
2015/10/29 PHP
简单解决微信文章图片防盗链问题
2016/12/17 PHP
Javascript与flash交互通信基础教程
2008/08/07 Javascript
js实现兼容IE和FF的上下层的移动
2015/05/04 Javascript
javascript实现给定半径求出圆的面积
2015/06/26 Javascript
学习JavaScript设计模式之模板方法模式
2016/01/20 Javascript
js控件Kindeditor实现图片自动上传功能
2020/07/20 Javascript
AngularJS入门教程之路由机制ngRoute实例分析
2016/12/13 Javascript
Bootstrap 模态框实例插件案例分析
2016/12/28 Javascript
使用JavaScript为一张图片设置备选路径的方法
2017/01/04 Javascript
完美解决node.js中使用https请求报CERT_UNTRUSTED的问题
2017/01/08 Javascript
JSON 数据详解及实例代码分析
2017/01/20 Javascript
js实现3D图片环展示效果
2017/03/09 Javascript
seajs模块压缩问题与解决方法实例分析
2017/10/10 Javascript
如何能分清npm cnpm npx nvm
2019/01/17 Javascript
原生JS实现无缝轮播图片
2020/06/24 Javascript
vue-quill-editor插入图片路径太长问题解决方法
2021/01/08 Vue.js
详解JavaScript中的this指向问题
2021/02/05 Javascript
Python学习_几种存取xls/xlsx文件的方法总结
2018/05/03 Python
python错误调试及单元文档测试过程解析
2019/12/19 Python
python函数定义和调用过程详解
2020/02/09 Python
python实现猜单词游戏
2020/05/22 Python
python def 定义函数,调用函数方式
2020/06/02 Python
利用keras使用神经网络预测销量操作
2020/07/07 Python
Pandas中DataFrame交换列顺序的方法实现
2020/12/14 Python
使用Python制作一盏 3D 花灯喜迎元宵佳节
2021/02/26 Python
销售高级职员求职信
2013/10/29 职场文书
语文复习计划
2015/01/19 职场文书
师范生教育见习总结
2015/06/23 职场文书
使用springboot暴露oracle数据接口的问题
2021/05/07 Oracle
mysql 直接拷贝data 目录下文件还原数据的实现
2021/07/25 MySQL
Vue ECharts实现机舱座位选择展示功能
2022/05/15 Vue.js