首頁 > web前端 > js教程 > 主體

淺談JavaScript中數組的遍歷

青灯夜游
發布: 2018-10-12 17:04:25
轉載
1880 人瀏覽過

本文跟大家淺談一下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
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!