JavaScript實現Iterator模式實例分析

2024-05-06 16:21:52

字體：大中小

來源：轉載

供稿：網友

這篇文章主要介紹了JavaScript實現Iterator模式,實例分析了Iterator模式的相關實現技巧,需要的朋友可以參考下

本文實例講述了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>