好程序員分享JavaScript學習筆記ES5中常見的數組方法

  好程序員分享JavaScript學習筆記ES5中常見的數組方法,ES5中常見的數組常用方法
之前我們講過的數組常用方法都是ES3的方法,今天來說一些ES5中的方法。
indexOf
indexOf 用來找到數組中某一項的索引
語法: indexOf(你要找的數組中的項)
var arr = [1, 2, 3, 4, 5]
// 使用 indexOf 超找數組中的某一項var index = arr.indexOf(3)
console.log(index) // 2
我們要找的是數組中值爲 3 的那一項
返回的就是值爲 3 的那一項在該數組中的索引

如果你要找的內容在數組中沒有,那麼就會返回 -1
var arr = [1, 2, 3, 4, 5]
// 使用 indexOf 超找數組中的某一項var index = arr.indexOf(10)
console.log(index) // -1
你要找的值在數組中不存在,那麼就會返回 -1

forEach
和 for 循環一個作用,就是用來遍歷數組的
語法:arr.forEach(function (item, index, arr) {})
var arr = [1, 2, 3]
// 使用 forEach 遍歷數組arr.forEach(function (item, index, arr) {
// item 就是數組中的每一項 // index 就是數組的索引 // arr 就是原始數組 console.log('數組的第 ' + index + ' 項的值是 ' + item + ',原始數組是', arr)})
forEach() 的時候傳遞的那個函數,會根據數組的長度執行
數組的長度是多少,這個函數就會執行多少回

map
和 forEach 類似,只不過可以對數組中的每一項進行操作,返回一個新的數組
var arr = [1, 2, 3]
// 使用 map 遍歷數組var newArr = arr.map(function (item, index, arr) {
// item 就是數組中的每一項 // index 就是數組的索引 // arr 就是原始數組 return item + 10})
console.log(newArr) // [11, 12, 13]
filter
和 map 的使用方式類似,按照我們的條件來篩選數組
把原始數組中滿足條件的篩選出來,組成一個新的數組返回
var arr = [1, 2, 3]
// 使用 filter 過濾數組var newArr = arr.filter(function (item, index, arr) {
// item 就是數組中的每一項 // index 就是數組的索引 // arr 就是原始數組 return item > 1})
console.log(newArr) // [2, 3]
我們設置的條件就是 > 1
返回的新數組就會是原始數組中所有 > 1 的項

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