?基本實(shí)現(xiàn)

?在迭代中引用原來的對(duì)象,或者直接改變數(shù)組的值而不是返回一個(gè)新數(shù)組

?向迭代傳入無限多的參數(shù)

?基本實(shí)現(xiàn) 今天突然發(fā)現(xiàn)js的數(shù)組處理起來真是麻煩,代碼一些就是一大堆,相比起ruby " /> 在线观看国产精品一区,欧美成在线观看,高h文bl

一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

js 數(shù)組實(shí)現(xiàn)一個(gè)類似ruby的迭代器

分為如下幾節(jié):

?基本實(shí)現(xiàn)

?在迭代中引用原來的對(duì)象,或者直接改變數(shù)組的值而不是返回一個(gè)新數(shù)組

?向迭代傳入無限多的參數(shù)

?基本實(shí)現(xiàn)
今天突然發(fā)現(xiàn)js的數(shù)組處理起來真是麻煩,代碼一些就是一大堆,相比起ruby的迭代器來真是遜色不少,主要是要寫的代碼太多了,也許是js有特殊的處理數(shù)組的方式,真是我不知道而已,但是我真的想自己給js實(shí)現(xiàn)一個(gè)類似ruby的迭代器的東東,而且實(shí)現(xiàn)起來也不難,那就開始動(dòng)手吧.

真的應(yīng)該慶幸js是動(dòng)態(tài)語言啊,如果是靜態(tài)語言,實(shí)現(xiàn)起來很不方便(別說要我重新定義一個(gè)繼承自array的類),不過用js實(shí)現(xiàn)起來就簡(jiǎn)單多了,直接給Array對(duì)象加一個(gè)方法即可,如下:


額呵呵,迭代器其實(shí)已經(jīng)實(shí)現(xiàn)了......好簡(jiǎn)單啊,是啊,不過這樣的確方便了不少哦,看下面的用法就知道了:

首先我們定義一個(gè)數(shù)組:


1:用法一:

迭代使用每個(gè)數(shù)組元素:


聲明:這里可以縮寫成:aa.each(function(val){alert(val)});,以下的也同理,為了清晰,分開寫的 

執(zhí)行結(jié)果是依次彈出每個(gè)數(shù)組元素的值,哦呵,就是這么簡(jiǎn)單,不用寫可惡的for,如果代碼很多的時(shí)候,這點(diǎn)節(jié)省也會(huì)省出不少的代碼量哦

2:用法二:

迭代處理每個(gè)數(shù)組元素并返回一個(gè)處理后哦數(shù)組:


結(jié)果如何?如你所想,首先彈出的是"1,2,3,4",之后彈出的是"2,4,6,8",每個(gè)元素都被處理了,并且作為新數(shù)組返回,額呵呵,很簡(jiǎn)單的功能,如果你覺得沒什么用的話,那好吧,還是去寫for循環(huán)吧,如果你喜歡這種寫法,那好吧,還有很多可以改進(jìn)的地方,也留給大家去探索,反正這樣目前對(duì)我來說已經(jīng)足夠用來節(jié)省很多代碼了.

3:更多:

還可以給數(shù)組增加更多有用的方法,例如:隨機(jī)打亂順序(棋牌游戲?)等,不過真希望js可以在方法名中包含更多的標(biāo)點(diǎn)符號(hào),那樣就可以定義 each?或者each!這種警示性方法了,可惜可惜

?在迭代中引用原來的對(duì)象,或者直接改變數(shù)組的值而不是返回一個(gè)新數(shù)組

我這里有一個(gè)可以說是改進(jìn)版的迭代器,因?yàn)槲彝蝗灰趂unc函數(shù)里引用原來的迭代對(duì)象,于是做了如下修改


變化并不大,也兼容前面所講的所有功能,而且增加了對(duì)數(shù)組對(duì)象的引用


我們可以在func函數(shù)里引用原來的數(shù)組對(duì)象,和當(dāng)前元素的索引位置,這樣可以增加很多功能哦,首先可以直接修改原來數(shù)組的值,!!!不過如果你在func函數(shù)里刪除了某個(gè)數(shù)組元素,可能會(huì)出現(xiàn)不可預(yù)料的錯(cuò)誤哦!!!,下面來做個(gè)試驗(yàn),看看會(huì)出現(xiàn)什么結(jié)果:


哦,我們?cè)趂unc函數(shù)里刪除了值為2的元素,結(jié)果呢,依次彈出1,3,4,undefined,也就是迭代函數(shù)無法知道你的數(shù)組長(zhǎng)度改變了,多循環(huán)了一次,如何解決這個(gè)問題呢?


初步想法是,判斷一下元素是否為空,如果為空,就不做任何操作,&&操作符的前面如果為假,就不會(huì)執(zhí)行后面的語句.今天發(fā)現(xiàn)這種方法有所欠考慮,因?yàn)槲衣┨幚砹艘粋€(gè)元素,仔細(xì)想想就知道了,所以需要在處理函數(shù)里加一個(gè)offset變量,指引當(dāng)前的偏移量,每次刪除元素就將offset變量減一,索引以index+offset為準(zhǔn),這樣可以解決刪除元素的問題,但是不能解決增加元素的問題,所以這個(gè)迭代器里不能動(dòng)態(tài)增加數(shù)組元素,否則會(huì)出現(xiàn)錯(cuò)誤,注意注意

先到此為止吧.

?向迭代傳入無限多的參數(shù)

又回來了,這次我們要讓這個(gè)迭代可以傳遞更多的有用的自定義參數(shù),而不是系統(tǒng)自定的,當(dāng)然,前面的所有操作都是被兼容的,所有的修改都不會(huì)破壞前面的操作的兼容性.

我們將主方法修改如下:


OK,加了個(gè)參數(shù),只是一個(gè)參數(shù),沒有什么大驚小怪,但是它已經(jīng)可以完成所有的參數(shù)傳遞了,看例子:


還是剛才的例子,我們要?jiǎng)h除數(shù)組中的一個(gè)元素,我們通過傳遞進(jìn)來的參數(shù)來確定刪除哪個(gè)值,我們用一個(gè)對(duì)象作為參數(shù)傳進(jìn)來,這個(gè)對(duì)象是個(gè)json對(duì)象,歐耶,json可以承載任意多的參數(shù),想傳多少就傳多少,不是很簡(jiǎn)單么,好像我們已經(jīng)實(shí)現(xiàn)了很多功能了.但是還沒有完,更多的需要自己去探索.

只用拓展ie的forEach就行了,ff下已經(jīng)支持了,而且你這種寫法貌似效率很低

JavaScript技術(shù)js 數(shù)組實(shí)現(xiàn)一個(gè)類似ruby的迭代器,轉(zhuǎn)載需保留來源!

鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。

主站蜘蛛池模板: 国产成品精品午夜视频 | 男女一级毛片免费视频看 | 激情综合五月网 | 黄色的视频免费 | a级国产乱理论片在线观看看 | 中文字幕日韩女同互慰视频 | 久久精品5| 久久精品国产夜色 | 精品国产免费观看 | 久插视频| 国产欧美亚洲精品 | 亚洲欧美国产精品久久久 | 色哟哟影院 | 久久看视频| 国产精品福利一区二区 | 亚洲免费视频一区 | 伊人精品视频在线 | 中文字幕日韩三级 | 色女网站 | 国产女人视频免费观看 | 高清视频黄色录像免费 | 久久国产美女免费观看精品 | 色视频www在线播放国产人成 | 美女毛片视频 | 欧美亚洲春色系列 | 四虎影视永久在线精品免费 | 日本精品久久久久中文字幕 1 | 精品99视频 | 四虎国产永久免费久久 | 成人在免费观看视频国产 | 色哟哟在线播放 | 中文字幕一区二区视频 | 国产播放器一区 | 91原创视频在线观看 | 99精品视频在线视频免费观看 | 中文字幕在线视频第一页 | 色色视频免费网 | 欧美精品日韩一区二区三区 | 久久99精品国产 | 国产成人 免费观看 | 国产一区二区在线观看免费 |