js中關(guān)于for循環(huán)的一些記錄

和其他的編程語(yǔ)言一樣裕循,for循環(huán)是一個(gè)非常重要的因素胃惜,再編程之中。

# for(var x=0; x<10; x++) { console.log(x);}

這個(gè)是最原始的for循環(huán),和其他的編程語(yǔ)言一樣 會(huì)在控制臺(tái)上依次輸出 0-9


然后做一些進(jìn)階版 =涡尘。=

# arr.forEach((x, index) => { console.log(x, index)})

forEach是對(duì)數(shù)組的遍歷忍弛,其實(shí)和原始的for循環(huán)是類似的响迂。 ?具體是和? for(var x=0; x<arr.length; x++) {console.log(arr[x], x)}? 是一樣的,其實(shí)理解這個(gè)循環(huán)是一個(gè)很重要的環(huán)節(jié)细疚,因?yàn)楹竺娴钠渌姹咀龅降?也是實(shí)現(xiàn)這句代碼的功能蔗彤。

--->注意一下的是,object 事沒(méi)有forEach()的


#for (x in items) { }

這是另外的一個(gè)進(jìn)階版

但是這個(gè)用起來(lái)就是有一點(diǎn)奇妙了疯兼,因?yàn)檫@個(gè)對(duì)items自身的屬性是有區(qū)別的然遏;

1) 當(dāng)items 為object時(shí),這是一個(gè)很奇妙的輸出

即 ?for(x in items) { console.log(x) } 此時(shí)會(huì)依次輸出 ?吧彪,我們會(huì)發(fā)現(xiàn)此時(shí)輸出的是數(shù)組的 鍵 待侵, 如果console.log(items[x])此時(shí)才會(huì)按想法輸出 items的值

2)當(dāng)items 為arr時(shí),就會(huì)出現(xiàn)我們期待的結(jié)果姨裸, ?結(jié)果還是和我想的不一樣

for(x in items) {console.log(x)} 此時(shí)會(huì) 輸出秧倾, 0,1,2..,這個(gè)才是數(shù)組的index傀缩,items[x] 會(huì)輸出 數(shù)組的值

差一點(diǎn)就寫錯(cuò)了那先。。還好試了一下赡艰。售淡。。


在es6 中為了改善上面的循環(huán)又引進(jìn)了一個(gè)新的慷垮。揖闸。

# for (x of items) {}

這個(gè)和上面的foreach類似,只是一個(gè)專門為了數(shù)組存在的方式料身,因?yàn)槿绻鹖tems 為obj 就會(huì)報(bào)錯(cuò)汤纸。當(dāng)items = [x1, x2, x3, x4, x5] ; for(x in items) { console.log(x)} 就會(huì)輸出 我們想看到的 x1 x2 x3 x4 x5..終于如愿以償。惯驼。



經(jīng)過(guò)以上測(cè)測(cè)試蹲嚣,for-in 和 for-of 基本可以完成大部分的功能,如果你是一個(gè)php用戶 我覺(jué)得 forEach也是一個(gè)不錯(cuò)的方法祟牲,到是 原始的for循環(huán) 似乎有一點(diǎn)泯然眾人矣~

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末隙畜,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子说贝,更是在濱河造成了極大的恐慌议惰,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,607評(píng)論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件乡恕,死亡現(xiàn)場(chǎng)離奇詭異言询,居然都是意外死亡俯萎,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,239評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門运杭,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)夫啊,“玉大人,你說(shuō)我怎么就攤上這事辆憔∑裁校” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 164,960評(píng)論 0 355
  • 文/不壞的土叔 我叫張陵虱咧,是天一觀的道長(zhǎng)熊榛。 經(jīng)常有香客問(wèn)我,道長(zhǎng)腕巡,這世上最難降的妖魔是什么玄坦? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,750評(píng)論 1 294
  • 正文 為了忘掉前任,我火速辦了婚禮绘沉,結(jié)果婚禮上煎楣,老公的妹妹穿的比我還像新娘。我一直安慰自己梆砸,他們只是感情好转质,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,764評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著帖世,像睡著了一般休蟹。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上日矫,一...
    開(kāi)封第一講書(shū)人閱讀 51,604評(píng)論 1 305
  • 那天赂弓,我揣著相機(jī)與錄音,去河邊找鬼哪轿。 笑死盈魁,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的窃诉。 我是一名探鬼主播杨耙,決...
    沈念sama閱讀 40,347評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼飘痛!你這毒婦竟也來(lái)了珊膜?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 39,253評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤宣脉,失蹤者是張志新(化名)和其女友劉穎车柠,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,702評(píng)論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡竹祷,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,893評(píng)論 3 336
  • 正文 我和宋清朗相戀三年谈跛,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片塑陵。...
    茶點(diǎn)故事閱讀 40,015評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡感憾,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出猿妈,到底是詐尸還是另有隱情吹菱,我是刑警寧澤,帶...
    沈念sama閱讀 35,734評(píng)論 5 346
  • 正文 年R本政府宣布彭则,位于F島的核電站,受9級(jí)特大地震影響占遥,放射性物質(zhì)發(fā)生泄漏俯抖。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,352評(píng)論 3 330
  • 文/蒙蒙 一瓦胎、第九天 我趴在偏房一處隱蔽的房頂上張望芬萍。 院中可真熱鬧,春花似錦搔啊、人聲如沸柬祠。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,934評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)漫蛔。三九已至,卻和暖如春旧蛾,著一層夾襖步出監(jiān)牢的瞬間莽龟,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,052評(píng)論 1 270
  • 我被黑心中介騙來(lái)泰國(guó)打工锨天, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留毯盈,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,216評(píng)論 3 371
  • 正文 我出身青樓病袄,卻偏偏與公主長(zhǎng)得像搂赋,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子益缠,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,969評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • js簡(jiǎn)介 Js是一種基于事件和對(duì)象驅(qū)動(dòng)的解釋性脑奠、松散性的語(yǔ)言。 一切皆對(duì)象 javascript 布蘭登艾奇 ...
    塔庫(kù)納瑪哈哈閱讀 1,210評(píng)論 0 2
  • 由于最近都在freecodecamp上刷代碼左刽,運(yùn)用了很多JavaScript數(shù)組的方法捺信,因此做了一份關(guān)于JavaS...
    2bc5f46e925b閱讀 1,976評(píng)論 0 16
  • 1、數(shù)組的定義var arr=[];var arr=[{a:1,b:2},[1,2,3],function(){r...
    青春前行閱讀 355評(píng)論 0 0
  • 數(shù)組循環(huán) 針對(duì)數(shù)組,for循環(huán)完全OK迄靠,此處略過(guò)不表秒咨,只說(shuō)一說(shuō)為方便我們開(kāi)發(fā)而那些內(nèi)置的方法: forEach就是...
    RichardBillion閱讀 1,756評(píng)論 6 18
  • 二零一六年七月十日晚十二點(diǎn)前的三分鐘,我決定寫一個(gè)故事掌挚。 二零一六年七月十日晚十二點(diǎn)前的二分鐘雨席,,我決定寫一段話吠式。...
    導(dǎo)演張升志閱讀 160評(píng)論 0 0