首頁  >  文章  >  web前端  >  淺談JavaScript中數組的遍歷

淺談JavaScript中數組的遍歷

青灯夜游
青灯夜游轉載
2018-10-12 17:04:251883瀏覽

本文跟大家淺談一下JavaScript中陣列的遍歷,有一定的參考價值,有需要的朋友可以參考一下,希望對你們有幫助。

1、使用for循環,是數組中最常見的遍歷方法

#第一個回傳值是遍歷數組中的每一位,第二位傳回值可以看作數組的索引值。可以在for迴圈中嵌套if語句,進行對元素值進行判斷依照條件執行迴圈語句。

2,使用forEach()方法

a、forEach()的使用方法:

forEach方法從頭到尾遍歷數組,對每個元素呼叫指定的函數。 forEach方法傳入參數為函數,函數 可傳入三個參數,依序分別為,陣列元素、元素索引、陣列本身。不強制同時傳入三個參數,可以依照需求傳入參數個數。

陣列[1,2,3,4]呼叫forEach方法,在傳入參數函數中分別傳回參數值中我們可以看到ele代表數組中的每一位,index代表陣列的索引值,arr代表呼叫此方法的陣列。

利用forEach方法實作陣列元素累加

#b、forEach()方法的原始碼實作

#將自訂myForEach方法擴展到陣列的原型上。依照數組中元素的個數遍歷,將數組的每一位this[i]及代表數組索引 i 作為函數參數,同時在for迴圈中執行參數fn函數。 this代表呼叫myForEach方法的陣列。

3,使用map()方法

map()方法將呼叫的陣列的每個元素傳遞給指定的函數,並傳回一個數組,它包含函數的回傳值。不改變原來的數組。 map()方法的使用與forEach()方法相同。

思考小連結:

修改資料的資料結構並輸出。將數組arr的所有元素變成數組b的資料結構的形式。

答案:

# 總結:以上就是這篇文章的全部內容,希望能對大家的學習有所幫助。更多相關教學請造訪JavaScript影片教學

相關推薦:

JavaScript圖文教學

#JavaScript線上手冊

以上是淺談JavaScript中數組的遍歷的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:cnblogs.com。如有侵權,請聯絡admin@php.cn刪除

相關文章

看更多