回顧數(shù)組

一塌西、基礎(chǔ)

push、pop筝尾、shift捡需、unshift、indexOf筹淫、splice站辉、slice

  • pop和push能夠讓我們使用堆棧那樣先入后出使用數(shù)組
  • shift方法可以刪除數(shù)組index最小元素,unshift用于向數(shù)組頭部添加一個元素
  • indexOf獲取元素的索引值,如果元素不存在于數(shù)組中饰剥,則返回結(jié)果-1
var arr = [1,2,3,4]
arr.push(5) // [1,2,3,4,5]
arr.pop() // [1,2,3,4]
arr.shift() //[2,3,4]
arr.unshift('start') // ['start',2,3,4]
arr.indexOf(3) //2

分清splice狸相、slice

var arr = [1,2,3,4]
arr.splice(2,1)
console.log(arr) // [1, 2, 4]
arr.splice(2,0,3,3.5)
console.log(arr) //[1, 2, 3, 3.5, 4]
var arr = [1,2,3,4]
arr.slice(2,1)
console.log(arr) // [1,2,3,4]
console.log(arr.slice(1,3)) // [2,3]

splice方法修改原數(shù)組;slice方法用于返回數(shù)組中一個片段或子數(shù)組捐川,不修改原數(shù)組
splice(索引值脓鹃,位移值,刪除元素的個數(shù)或新增元素)
slice(start,end) 均為索引值古沥,[start,end)

二瘸右、數(shù)組幾種常見的迭代方法

filter、forEach岩齿、map

  • filter(): 對數(shù)組中的每一項運行給定函數(shù)太颤,返回該函數(shù)會返回true的項組成的數(shù)組
  • forEach():對數(shù)組中的每一項運行給定函數(shù)。該方法無返回值
  • map():對數(shù)組中的每一項運行給定函數(shù)盹沈,返回每次函數(shù)調(diào)用的結(jié)果組成的數(shù)組

數(shù)組去重示例:1.古老的for循環(huán)方法

var arr = [1,2,3,4,5,2]
function xxx() {
      var arr2 = [];
      for (var i = 0; i < arr.length; i++) {
        var item = arr[i];
        if (arr2.indexOf(item) === -1) {
              arr2.push(item);
        }
      }
      return arr2;
}
console.log(xxx()) // [1,2,3,4,5]

數(shù)組查找示例:2.ES5filter()方法

var arr = [1,2,3,4,5,2]
var arr2 = arr.filter(function(item){
  return (item > 2)
})
console.log(arr2)  // [3, 4, 5]

三龄章、數(shù)組歸并方法

reduce()、reduceRight()

  • reduce()方法從數(shù)組的第一項開始乞封,逐個遍歷到最后
  • reduceRight() 則從數(shù)組的最后一項開始做裙,向前遍歷到第一項
var arr = [1,2,3,4,5]
var arr2 = arr.reduce(function(a,b){
return a+b
})
console.log(arr2) //15

這兩種方法接受4個參數(shù):前一個值,當(dāng)前值肃晚,項的索引值和數(shù)組對象锚贱。這個函數(shù)返回的任何值都會作為第一個參數(shù)自動傳給下一項。第一次迭代發(fā)生在數(shù)組的第二項上关串,因此第一個參數(shù)是數(shù)值的第一項拧廊,第二個參數(shù)是數(shù)組的第二項。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末晋修,一起剝皮案震驚了整個濱河市吧碾,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌墓卦,老刑警劉巖倦春,帶你破解...
    沈念sama閱讀 217,509評論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異趴拧,居然都是意外死亡溅漾,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,806評論 3 394
  • 文/潘曉璐 我一進店門著榴,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人屁倔,你說我怎么就攤上這事脑又。” “怎么了?”我有些...
    開封第一講書人閱讀 163,875評論 0 354
  • 文/不壞的土叔 我叫張陵问麸,是天一觀的道長往衷。 經(jīng)常有香客問我,道長严卖,這世上最難降的妖魔是什么席舍? 我笑而不...
    開封第一講書人閱讀 58,441評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮哮笆,結(jié)果婚禮上来颤,老公的妹妹穿的比我還像新娘。我一直安慰自己稠肘,他們只是感情好福铅,可當(dāng)我...
    茶點故事閱讀 67,488評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著项阴,像睡著了一般滑黔。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上环揽,一...
    開封第一講書人閱讀 51,365評論 1 302
  • 那天略荡,我揣著相機與錄音,去河邊找鬼歉胶。 笑死撞芍,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的跨扮。 我是一名探鬼主播序无,決...
    沈念sama閱讀 40,190評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼衡创!你這毒婦竟也來了帝嗡?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,062評論 0 276
  • 序言:老撾萬榮一對情侶失蹤璃氢,失蹤者是張志新(化名)和其女友劉穎哟玷,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體一也,經(jīng)...
    沈念sama閱讀 45,500評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡巢寡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,706評論 3 335
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了椰苟。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片聊疲。...
    茶點故事閱讀 39,834評論 1 347
  • 序言:一個原本活蹦亂跳的男人離奇死亡塘装,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 35,559評論 5 345
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響性锭,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜叫胖,卻給世界環(huán)境...
    茶點故事閱讀 41,167評論 3 328
  • 文/蒙蒙 一草冈、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧瓮增,春花似錦怎棱、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,779評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至你踩,卻和暖如春诅岩,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背带膜。 一陣腳步聲響...
    開封第一講書人閱讀 32,912評論 1 269
  • 我被黑心中介騙來泰國打工吩谦, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人膝藕。 一個月前我還...
    沈念sama閱讀 47,958評論 2 370
  • 正文 我出身青樓式廷,卻偏偏與公主長得像,于是被迫代替她去往敵國和親芭挽。 傳聞我的和親對象是個殘疾皇子滑废,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,779評論 2 354

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

  • 第5章 引用類型(返回首頁) 本章內(nèi)容 使用對象 創(chuàng)建并操作數(shù)組 理解基本的JavaScript類型 使用基本類型...
    大學(xué)一百閱讀 3,233評論 0 4
  • 數(shù)組是值的有序集合。每個值叫做一個元素袜爪,而每個元素在數(shù)組中有一個位置蠕趁,以數(shù)字表示,稱為索引辛馆。 JavaScript...
    劼哥stone閱讀 1,130評論 6 20
  • 由于最近都在freecodecamp上刷代碼俺陋,運用了很多JavaScript數(shù)組的方法,因此做了一份關(guān)于JavaS...
    2bc5f46e925b閱讀 1,976評論 0 16
  • 創(chuàng)建數(shù)組 arr.length--- title: js正則表達式categories: javascriptda...
    angelwgh閱讀 1,392評論 0 2
  • 本章內(nèi)容 使用對象 創(chuàng)建并操作數(shù)組 理解基本的 JavaScript 類型 使用基本類型和基本包裝類型 引用類型的...
    悶油瓶小張閱讀 681評論 0 0