?基本實(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)系我們修改或刪除,多謝。

主站蜘蛛池模板: 国产午夜在线观看视频 | 久久精品国产亚洲片 | 欧洲大胆人体 | 隔壁搬来黑人巨大中文字幕 | 九九99九九精彩 | 日产一一到六区麻豆 | 99热国产精品 | 最新97超级碰碰碰碰久久久久 | 2020国产精品永久在线观看 | 欧美成a人免费观看久久 | 中文一区 | 亚欧色视频在线观看免费 | 在线观看免费视频黄 | 国产成人一区二区三区影院免费 | 精品国产一区二区三区麻豆小说 | 在线视频一区二区三区三区不卡 | 欧美日韩一区视频 | 国产婷婷色 | 97精品在线视频 | 国产精品免费视频网站 | 亚洲精品高清视频 | 国产的鲁啊鲁 | 免费精品一区二区三区在线观看 | 欧美日韩中文国产一区二区三区 | 美女网站在线 | 日本欧美一区二区 | 一级黄色a毛片 | 日本妇人成熟免费 | 免费黄色高清视频 | 亚洲第一免费视频 | 正在播放一区 | 精品成人乱色一区二区 | 丁香5月婷婷 | 波多野结衣一区二区三区高清在线 | 成人开心激情 | 国产99热在线观看 | 久久99国产一区二区三区 | 日韩欧美一中文字幕不卡 | 精品自拍视频在线观看 | 丝袜综合网 | 激情国产视频 |