數(shù)組遍歷

1婆殿、arr.forEach?方法允許為數(shù)組的每個元素都運行一個函數(shù)朦拖。forEach绍绘,for?或?for..of垢粮。

arr.forEach(function(item,index,array) { // ... do something with item});

2边酒、find 和 findIndex

let result = arr.find(function(item,index,array) {?

?// 如果返回 true钧汹,則返回 item 并停止迭代?

?// 對于假值(falsy)的情況扇苞,則返回 undefined

});

如果它返回?true据某,則搜索停止橡娄,并返回?item。如果沒有搜索到癣籽,則返回?undefined

arr.findIndex?方法(與?arr.find?方法)基本上是一樣的挽唉,但它返回找到元素的索引,而不是元素本身筷狼。并且在未找到任何內(nèi)容時返回?-1瓶籽。

let users = [ {id: 1, name: "John"}, {id: 2, name: "Pete"}, {id: 3, name: "Mary"}];

let user = users.find(item => item.id == 1);

alert(user.name); // John

3、filter?返回所有匹配元素組成的數(shù)組

let results = arr.filter(function(item,index,array) {?

?// 如果 true item 被 push 到 results埂材,迭代繼續(xù)?

?// 如果什么都沒找到塑顺,則返回空數(shù)組

});

let users = [ {id: 1, name: "John"}, {id: 2, name: "Pete"}, {id: 3, name: "Mary"}];

// 返回前兩個用戶的數(shù)組

let someUsers = users.filter(item =>item.id < 3);

console.log(someUsers) // [{id:?1,?name:?"John"},{id: 2,?name:?"Pete"}]

4、arr.map?它對數(shù)組的每個元素都調(diào)用函數(shù)俏险,并返回結(jié)果數(shù)組严拒。let result = arr.map(function(item,index,array) { // 返回新值而不是當(dāng)前元素})

let arr = [1,2,3]

let newarr = arr.map(item =>item*2)

console.log(newarr) // [2,4,6]

5、arr.some(fn)/arr.every(fn)?

任何/所有結(jié)果為?true竖独,則返回?true裤唠,否則返回?false。

這兩個方法的行為類似于?||?和?&&?運算符:如果?fn?返回一個真值莹痢,arr.some()?立即返回?true?并停止迭代其余數(shù)組項种蘸;如果?fn?返回一個假值,arr.every()?立即返回?false?并停止對其余數(shù)組項的迭代竞膳。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末航瞭,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子顶猜,更是在濱河造成了極大的恐慌沧奴,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,265評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件长窄,死亡現(xiàn)場離奇詭異滔吠,居然都是意外死亡,警方通過查閱死者的電腦和手機挠日,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,078評論 2 385
  • 文/潘曉璐 我一進店門疮绷,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人嚣潜,你說我怎么就攤上這事冬骚。” “怎么了?”我有些...
    開封第一講書人閱讀 156,852評論 0 347
  • 文/不壞的土叔 我叫張陵只冻,是天一觀的道長庇麦。 經(jīng)常有香客問我,道長喜德,這世上最難降的妖魔是什么山橄? 我笑而不...
    開封第一講書人閱讀 56,408評論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮舍悯,結(jié)果婚禮上航棱,老公的妹妹穿的比我還像新娘。我一直安慰自己萌衬,他們只是感情好饮醇,可當(dāng)我...
    茶點故事閱讀 65,445評論 5 384
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著秕豫,像睡著了一般朴艰。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上混移,一...
    開封第一講書人閱讀 49,772評論 1 290
  • 那天呵晚,我揣著相機與錄音,去河邊找鬼沫屡。 笑死饵隙,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的沮脖。 我是一名探鬼主播金矛,決...
    沈念sama閱讀 38,921評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼勺届!你這毒婦竟也來了驶俊?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,688評論 0 266
  • 序言:老撾萬榮一對情侶失蹤免姿,失蹤者是張志新(化名)和其女友劉穎饼酿,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體胚膊,經(jīng)...
    沈念sama閱讀 44,130評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡故俐,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,467評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了紊婉。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片药版。...
    茶點故事閱讀 38,617評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖喻犁,靈堂內(nèi)的尸體忽然破棺而出槽片,到底是詐尸還是另有隱情何缓,我是刑警寧澤,帶...
    沈念sama閱讀 34,276評論 4 329
  • 正文 年R本政府宣布还栓,位于F島的核電站碌廓,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏剩盒。R本人自食惡果不足惜氓皱,卻給世界環(huán)境...
    茶點故事閱讀 39,882評論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望勃刨。 院中可真熱鬧,春花似錦股淡、人聲如沸身隐。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,740評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽贾铝。三九已至,卻和暖如春埠帕,著一層夾襖步出監(jiān)牢的瞬間垢揩,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,967評論 1 265
  • 我被黑心中介騙來泰國打工敛瓷, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留叁巨,地道東北人。 一個月前我還...
    沈念sama閱讀 46,315評論 2 360
  • 正文 我出身青樓呐籽,卻偏偏與公主長得像锋勺,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子狡蝶,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,486評論 2 348

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

  • for ????最簡單的一種循環(huán)遍歷方法庶橱,也是使用頻率最高的一種,可優(yōu)化 var arr = [1, 2, 3, ...
    無言以越閱讀 338評論 0 7
  • 文章主要來源: JS數(shù)組遍歷方法總結(jié) -- 我是豆子啊 我們用更簡潔的語法(比如內(nèi)置函數(shù))遍歷數(shù)組贪惹,從而消除循環(huán)結(jié)...
    ShanerChan閱讀 343評論 0 0
  • js數(shù)組Array對象為我們提供了一些數(shù)組遍歷的方法苏章,這些方法有各自的作用,也分別適用于不同的場景奏瞬。 Array對...
    簡簡_cb67閱讀 873評論 0 0
  • ## 數(shù)組使用 > 數(shù)組合并 ES5的寫法 ``` let arr1=[0,1,2]; let arr2=[3,4...
    BoomHe閱讀 250評論 0 0
  • 今天感恩節(jié)哎枫绅,感謝一直在我身邊的親朋好友。感恩相遇硼端!感恩不離不棄撑瞧。 中午開了第一次的黨會,身份的轉(zhuǎn)變要...
    迷月閃星情閱讀 10,559評論 0 11