快捷導(dǎo)航

JavaScript實(shí)現(xiàn)Iterator模式實(shí)例分析

更新時(shí)間：2015年06月09日 11:32:19 作者：McJeremy&Fan

這篇文章主要介紹了JavaScript實(shí)現(xiàn)Iterator模式,實(shí)例分析了Iterator模式的相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下

本文實(shí)例講述了JavaScript實(shí)現(xiàn)Iterator模式的方法。分享給大家供大家參考。具體分析如下：

經(jīng)常在網(wǎng)上看到有不少JS設(shè)計(jì)模式的示例。這里寫一下JavaScript實(shí)現(xiàn)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>無標(biāo)題 1</title>
</head>
<body>
<script type="text/javascript" language="javascript">
 ///@定義一個(gè)迭代器對(duì)象
 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>

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

使用OpenLayers3 添加地圖鼠標(biāo)右鍵菜單
這篇文章主要介紹了使用OpenLayers3 添加地圖鼠標(biāo)右鍵菜單的相關(guān)資料,需要的朋友可以參考下
2015-12-12
按鈕接受回車事件的三種實(shí)現(xiàn)方法
這篇文章主要介紹了按鈕接受回車事件的三種實(shí)現(xiàn)方法,需要的朋友可以參考下
2014-06-06
Bootstarp在pycharm中的安裝及簡(jiǎn)單的使用方法
這篇文章主要介紹了Bootstarp在pycharm中的安裝及簡(jiǎn)單的使用方法,非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2019-04-04
詳解JavaScript中Generator函數(shù)的使用
Generator 是 ES6 新增的一種函數(shù)類型，這篇文章主要來和大家詳細(xì)聊聊Generator函數(shù)的具體用法，文中的示例代碼講解詳細(xì)，感興趣的可以了解一下
2023-06-06
JavaScript實(shí)現(xiàn)簡(jiǎn)單計(jì)算器功能
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)簡(jiǎn)單計(jì)算器功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-12-12
JavaScript正則表達(dá)式exec/g實(shí)現(xiàn)多次循環(huán)用法示例
這篇文章主要介紹了JavaScript正則表達(dá)式exec/g實(shí)現(xiàn)多次循環(huán)用法,結(jié)合實(shí)例形式分析了javascript正則表達(dá)式g修飾符相關(guān)使用技巧,需要的朋友可以參考下
2017-01-01
js 點(diǎn)擊a標(biāo)簽獲取a的自定義屬性方法
下面小編就為大家?guī)硪黄猨s 點(diǎn)擊a標(biāo)簽獲取a的自定義屬性方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-11-11
微信小程序二維碼生成工具 weapp-qrcode詳解
這篇文章主要介紹了微信小程序二維碼生成工具 weapp-qrcode詳解,教大家如何在項(xiàng)目中引入weapp-qrcode.js文件，通過實(shí)例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下
2021-10-10
類似php的js數(shù)組的in_array函數(shù)自定義方法
PHP的數(shù)組函數(shù)in_array()非常方便，下面就為大家介紹下自定義類似php的js數(shù)組的in_array函數(shù)，具體實(shí)現(xiàn)方法如下，感興趣的朋友可以參考下
2013-12-12
微信小程序之仿微信漂流瓶實(shí)例
這篇文章主要介紹了微信小程序之仿微信漂流瓶實(shí)例，非常具有實(shí)用價(jià)值，需要的朋友可以參考下。
2016-12-12