數(shù)組方法總結(jié)

如題荸百,以下總結(jié)的都是日常當(dāng)中使用到的數(shù)組的一些方法竟坛,平時(shí)的寫法哪自,如覺得不妥或有更好的實(shí)現(xiàn)方式希望能夠指正灾测。那么爆价,都有呢些方法是常用的呢:

  • forEach
  • map
  • filter
  • reduce

forEach

用途:循環(huán)遍歷數(shù)組

var arr =[1,2,3];
arr.forEach(function(v,i,array){
  console.log(v,i,array)
})
//output
1,0,[1,2,3]
2,1,[1,2,3]
3,2,[1,2,3]

map

用途:將數(shù)組按照一定的規(guī)則,最后返回一個(gè)新的數(shù)組媳搪,對(duì)原數(shù)組沒有影響

var arr = [1, 2, 3];

var newArr = arr.map(function (v, i, array) {
  return v * v;
})

//output
[2,4,9]  //newArr
[1,2,3] //arr

filter

用途:把給定的數(shù)組根據(jù)給出的條件返回一個(gè)新的數(shù)組铭段,回調(diào)函數(shù)中的返回值為true時(shí),返回當(dāng)前數(shù)組的值

var arr = [0, 1, 2, 3, 4, 5];

var newArr = arr.filter(function (v, i, array) {
  return v>2;
})

// output

[ 3, 4, 5] // newArr

reduce

用途:返回計(jì)算后的值秦爆,此方法相對(duì)于其他方法來說相對(duì)復(fù)雜序愚,直接看例子,回調(diào)函數(shù)中的參數(shù)分別是init:上一次回調(diào)函數(shù)執(zhí)行返回的值,首次執(zhí)行則為reduce的第二個(gè)參數(shù)(如果存在)或數(shù)組的第一個(gè)值等限,cur:當(dāng)前數(shù)組的值爸吮,i:當(dāng)前數(shù)組值的索引,array:當(dāng)前數(shù)組

var arr = [0, 1, 2, 3, 4, 5],
sum = arr.reduce(function (init, cur, i, array) {
console.log(init,cur,i)
return init + cur;
});

//output
0 1 1
1 2 2
3 3 3
 6 4 4
10 5 5
sum // 15

以上就是本次所總結(jié)的一些數(shù)組的用法望门,其他方法請查看MDN提供的API說明Array

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末形娇,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子筹误,更是在濱河造成了極大的恐慌桐早,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,544評(píng)論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異哄酝,居然都是意外死亡友存,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,430評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門陶衅,熙熙樓的掌柜王于貴愁眉苦臉地迎上來屡立,“玉大人,你說我怎么就攤上這事搀军∠姥保” “怎么了?”我有些...
    開封第一講書人閱讀 162,764評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵奕巍,是天一觀的道長吟策。 經(jīng)常有香客問我,道長的止,這世上最難降的妖魔是什么檩坚? 我笑而不...
    開封第一講書人閱讀 58,193評(píng)論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮诅福,結(jié)果婚禮上匾委,老公的妹妹穿的比我還像新娘。我一直安慰自己氓润,他們只是感情好赂乐,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,216評(píng)論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著咖气,像睡著了一般挨措。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上崩溪,一...
    開封第一講書人閱讀 51,182評(píng)論 1 299
  • 那天浅役,我揣著相機(jī)與錄音,去河邊找鬼伶唯。 笑死觉既,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的乳幸。 我是一名探鬼主播瞪讼,決...
    沈念sama閱讀 40,063評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼粹断!你這毒婦竟也來了符欠?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,917評(píng)論 0 274
  • 序言:老撾萬榮一對(duì)情侶失蹤姿染,失蹤者是張志新(化名)和其女友劉穎背亥,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體悬赏,經(jīng)...
    沈念sama閱讀 45,329評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡狡汉,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,543評(píng)論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了闽颇。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片盾戴。...
    茶點(diǎn)故事閱讀 39,722評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖兵多,靈堂內(nèi)的尸體忽然破棺而出尖啡,到底是詐尸還是另有隱情,我是刑警寧澤剩膘,帶...
    沈念sama閱讀 35,425評(píng)論 5 343
  • 正文 年R本政府宣布衅斩,位于F島的核電站,受9級(jí)特大地震影響怠褐,放射性物質(zhì)發(fā)生泄漏畏梆。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,019評(píng)論 3 326
  • 文/蒙蒙 一奈懒、第九天 我趴在偏房一處隱蔽的房頂上張望奠涌。 院中可真熱鬧,春花似錦磷杏、人聲如沸溜畅。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,671評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽慈格。三九已至,卻和暖如春遥金,著一層夾襖步出監(jiān)牢的瞬間峦椰,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,825評(píng)論 1 269
  • 我被黑心中介騙來泰國打工汰规, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留汤功,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,729評(píng)論 2 368
  • 正文 我出身青樓溜哮,卻偏偏與公主長得像滔金,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子茂嗓,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,614評(píng)論 2 353

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

  • ES3數(shù)組方法 join() Array.join()方法將數(shù)組中所有元素都轉(zhuǎn)化為字符串并連接在一起餐茵,返回最后生成...
    markdown閱讀 758評(píng)論 1 8
  • 第5章 引用類型(返回首頁) 本章內(nèi)容 使用對(duì)象 創(chuàng)建并操作數(shù)組 理解基本的JavaScript類型 使用基本類型...
    大學(xué)一百閱讀 3,233評(píng)論 0 4
  • PHP常用函數(shù)大全 usleep() 函數(shù)延遲代碼執(zhí)行若干微秒。 unpack() 函數(shù)從二進(jìn)制字符串對(duì)數(shù)據(jù)進(jìn)行解...
    上街買菜丶迷倒老太閱讀 1,366評(píng)論 0 20
  • 這一段的日子述吸,忙不堪言忿族。每天都有任務(wù)需要完成锣笨,每晚都要加班,就連周末都無法解脫一一我已經(jīng)連續(xù)四周沒休過周末了道批。 ...
    玫蘭妮閱讀 364評(píng)論 2 0
  • 怪什么呢错英?怪你自己能力不足,才會(huì)進(jìn)入這樣一個(gè)破單位隆豹。 怪什么呢椭岩,自己各方面low,才會(huì)遇到這樣的男人……
    嬉笑怒罵皆生活閱讀 155評(píng)論 0 0