javascript數組是最常用的數據類型之一,它們在前端開發中扮演著至關重要的角色。作為一名開發者,我們會經常需要處理數組中的元素。javascript提供了許多便利數組的函數,下面我將為大家介紹其中的一些常用函數。
1. forEach
let arr = [1,2,3,4,5]
arr.forEach(function(item,index){
console.log(第${index}項是${item}
)
})
//結果:第0項是1 第1項是2 第2項是3 第3項是4 第4項是5
forEach函數是遍歷數組的函數,它可以接受一個函數作為參數。這個函數將被數組中每一個元素調用一次,函數參數item表示當前元素,參數index表示當前元素的索引位置。
2. map
let arr = [1,2,3,4,5] let newArr = arr.map(function(item){ return item*2 }) console.log(newArr) //結果:[2,4,6,8,10]
map函數返回一個新數組,它對原數組中的每個元素執行一個函數,并將執行結果組成一個新數組。在上面的例子中,我們將arr中的每個元素乘以2得到了一個新數組newArr。
3. filter
let arr = [2,3,4,6,7] let newArr = arr.filter(function(item){ return item%2 === 0 }) console.log(newArr) //結果:[2,4,6]
filter函數返回一個新數組,它篩選出原數組中符合條件的元素。在上面的例子中,我們篩選出了arr中的所有偶數元素組成了一個新數組newArr。
4. reduce
let arr = [1,2,3,4,5] let total = arr.reduce(function(total,currentValue){ return total+currentValue }) console.log(total) //結果:15
reduce函數接收一個函數作為其參數,該函數將數組中的每個元素(從左到右)累加到一個總和中,并返回該總和。在上面的例子中,我們累加了arr中所有元素的和,得到了一個結果total。
5. 遍歷嵌套數組
let arr = [[1,2],[3,4],[5,6]] for(let i = 0;i<arr.length;i++){ for(let j = 0;j<arr[i].length;j++){ console.log(arr[i][j]) } } //結果:1 2 3 4 5 6
如果數組是嵌套數組,我們可以通過兩個嵌套的for循環遍歷整個數組,如上面的例子所示。
總結
javascript提供了豐富的數組函數,它們可以極大地方便我們的開發。掌握常用的數組函數將會使我們的代碼更加簡潔、優雅。