關於數組的幾個方法的總結

最近有一段時間沒有寫一些代碼方面的文章了,心裏一直想着寫,卻總是找一些理由或者接口來推遲寫的時間。今天抽出點空來,寫一點簡單的東西,很簡單,也很基礎,但也寫寫吧,爲了別忘了

數組的幾個方法

1、indexOf()

用於返回某個數組中規定字符或字符串的位置
用法:

var arr = ['a', 'b', 'c', 'd']
arr.indexOf('b')

2、forEach(function(item, index, arr){})

遍歷數組,傳遞三個參數(最常用的是前兩個參數)第一個參數是遍歷的數組的每一項,第二個參數是每個參數的下標,第三個參數是數組本身。在回調函數中可以做一些邏輯處理(不能改變原數組,也不能return出對item做處理之後的值)
用法:

var arr = [1,2,3,4,5]
arr.forEach((item, index)=>{return item+1})
console.log(arr)    //  [1, 2, 3, 4, 5]  沒有改變原數組

let tempArr = arr.forEach((item, index)=>{return item+1})
console.log(tempArr) // undefined

let arrs = []
arr.forEach((item, index)=>{arrs.push(item+1)})//[2, 3, 4, 5, 6]  // 在邏輯處理方法中將處理後的值push到一個新數組中

3、map((item, index, arr)=>{})

遍歷數組,同樣回調函數傳入三個參數,return返回一個改變後的數組
用法:

arr.map((item, index)=>{return item+1})  //[2, 3, 4, 5, 6]

arr.map((item, index)=>{if(item >3){return item}}) //[undefined, undefined, undefined, 4, 5]

4、filter((item, index)=>{})

遍歷數組,將滿足條件的值篩選出來,不會改變原數組

arr.filter((item, index)=>{if(item>2){return item}}) //[3, 4, 5]  return出來一個數組
let abcd = arr.filter((item, index)=>{return item+1})
console.log(arr)  //[1, 2, 3, 4, 5]  並沒有改變原數組
console.log(abcde) // [1, 2, 3, 4, 5]也沒有賦值給新數組

總結了這幾個方法,在以後的工作中儘量多練習使用,堅持,加油!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章