千鋒教育-做有情懷、有良心、有品質的職業(yè)教育機構

手機站
千鋒教育

千鋒學習站 | 隨時隨地免費學

千鋒教育

掃一掃進入千鋒手機站

領取全套視頻
千鋒教育

關注千鋒學習站小程序
隨時隨地免費學習課程

當前位置:首頁  >  技術干貨  > 在JavaScript中迭代數(shù)組的不同方法

在JavaScript中迭代數(shù)組的不同方法

來源:千鋒教育
發(fā)布人:syq
時間: 2022-09-29 14:35:15 1664433315

  在 JavaScript 中迭代數(shù)組的多種方法:for 循環(huán)、而循環(huán)、for-of 循環(huán)、映射()、forEach()、過濾器() 和 reduce()。

在 JavaScript 中迭代數(shù)組的多種方法78

  在本文中,我們將看到迭代數(shù)組的不同方法,還將介紹它與其他數(shù)組的不同之處。希望你們對數(shù)組有一個清晰的理解。但是在進入主要部分之前,讓我回顧一下數(shù)組的基礎知識。

  什么是數(shù)組?

  數(shù)組是一種復雜的數(shù)據(jù)結構,用于按順序存儲相同數(shù)據(jù)類型的元素。數(shù)組是靜態(tài)的,在代碼中初始化數(shù)組時應提及數(shù)組的大小。但是JavaScript數(shù)組與傳統(tǒng)數(shù)組不同,傳統(tǒng)數(shù)組是動態(tài)的 - 這意味著在初始化時無需提及數(shù)組的大小,并且可以將任意數(shù)量的元素推送到數(shù)組中。JavaScript數(shù)組可以存儲任何數(shù)據(jù)類型的值 - 這意味著數(shù)組中的元素可以是任何大小的,即沒有限制元素應該是相同的類型。

  我們?yōu)槭裁匆鷶?shù)組?

  由于數(shù)組以順序方式存儲元素,因此我們需要遍歷或迭代數(shù)組以從中找到所需的元素。通常,遍歷需要 O(n) 時間復雜度。我們還將遍歷數(shù)組以更改數(shù)組的元素或訪問數(shù)組中的每個元素。

  數(shù)組遍歷的不同技術

  有幾種方法可以遍歷數(shù)組。它們是:

  用于循環(huán)

  而循環(huán)

  for-for 循環(huán)

  地圖()

  foreach()

  過濾器()

  減少()

  1. 用于循環(huán)

  這是迭代數(shù)組的基本技術之一。for 循環(huán)可用于通過使用數(shù)組的長度遍歷數(shù)組。在for循環(huán)中,應該提到三個條件。

  起動基本條件

  結束條件

  迭代條件(通常遞增或遞減)

  例:

在 JavaScript 中迭代數(shù)組的多種方法619

  2. 同時循環(huán)

  while 循環(huán)的工作方式類似于 for 循環(huán),但它需要一個條件,它將一直運行到給定條件為 true。如果條件變?yōu)?false,則 while 循環(huán)中斷,控件移動到循環(huán)外的下一個語句。可以在 while 循環(huán)中使用繼續(xù)和中斷語句。

  例:

在 JavaScript 中迭代數(shù)組的多種方法748

  3. for-for 循環(huán)

  for-of 循環(huán)類似于 Python 中的 for-in 循環(huán),其中我們使用“in”作為關鍵字,而在 JS 中,“in”已被替換為“of”。它用于迭代數(shù)組,它可以直接訪問元素而無需索引,因為它給出了元素,并且不像實際的“for循環(huán)”那樣索引。

  例:

在 JavaScript 中迭代數(shù)組的多種方法890

  當我們只需要訪問元素而不需要操作它們時,可以使用它,因為我們無法訪問元素的索引。

  4. 地圖()

  map() 是一個數(shù)組方法,用于按順序對數(shù)組中的每個元素應用函數(shù)或所需操作,結果數(shù)組將作為結果返回。它調用回調函數(shù),回調函數(shù)有三個參數(shù)值、索引和數(shù)組。回調函數(shù)返回的元素將存儲在具有相同索引的數(shù)組中。這似乎就像從一個數(shù)組中獲取元素并操作它們并將它們存儲在新數(shù)組中。

  示例:用于操作數(shù)組

在 JavaScript 中迭代數(shù)組的多種方法941

  5. 對于每()

  forEach() 也是一個數(shù)組方法,與 map() 函數(shù)非常相似,而唯一的區(qū)別是 forEach() 方法不返回任何內(nèi)容。這將返回未定義。使用 map() 方法實現(xiàn)的函數(shù)也可以使用 forEach() 實現(xiàn),但手動更改新數(shù)組中的元素需要額外的努力。

  例:

在 JavaScript 中迭代數(shù)組的多種方法1085

  6. 過濾器()

在 JavaScript 中迭代數(shù)組的多種方法1096

  filter() 方法類似于 map() 方法,但回調的返回類型是布爾值。方法返回一個數(shù)組。它用于篩選僅包含滿足給定回調條件的元素的數(shù)組。不滿足給定條件的元素不會添加到將返回的數(shù)組中。如果所有元素都不滿足回調中定義的條件,則返回值將為空數(shù)組而不是 null。

  示例:過濾數(shù)組中的奇數(shù)

在 JavaScript 中迭代數(shù)組的多種方法1227

  7. 減少()

在 JavaScript 中迭代數(shù)組的多種方法1238

  解釋 reduce() 函數(shù)的一種簡單方法是用一個簡單的例子來解釋它。考慮一種向數(shù)組中添加元素的算法。通常,我們將定義一個名為 sum 為 0 的變量,并將所有元素添加到 sum 變量中,并將返回它。

在 JavaScript 中迭代數(shù)組的多種方法1495

  我們可以通過簡單地使用如下的 reduce() 函數(shù)來實現(xiàn)上述目標:

在 JavaScript 中迭代數(shù)組的多種方法1532

  reduce() 函數(shù)可以以多種方式用于實現(xiàn)不同的事情,我無法在一篇文章中解釋所有的事情。

tags:
聲明:本站稿件版權均屬千鋒教育所有,未經(jīng)許可不得擅自轉載。
10年以上業(yè)內(nèi)強師集結,手把手帶你蛻變精英
請您保持通訊暢通,專屬學習老師24小時內(nèi)將與您1V1溝通
免費領取
今日已有369人領取成功
劉同學 138****2860 剛剛成功領取
王同學 131****2015 剛剛成功領取
張同學 133****4652 剛剛成功領取
李同學 135****8607 剛剛成功領取
楊同學 132****5667 剛剛成功領取
岳同學 134****6652 剛剛成功領取
梁同學 157****2950 剛剛成功領取
劉同學 189****1015 剛剛成功領取
張同學 155****4678 剛剛成功領取
鄒同學 139****2907 剛剛成功領取
董同學 138****2867 剛剛成功領取
周同學 136****3602 剛剛成功領取
相關推薦HOT
久久亚洲中文字幕精品一区四,亚洲日本另类欧美一区二区,久久久久久久这里只有免费费精品,高清国产激情视频在线观看
中文字幕亚洲一区二区va在线 | 亚洲三级在线免费 | 又粗又深又猛视频国产 | 综合网日日天干夜夜久久 | 最新国产精品视频网站 | 中文字幕在线观看网址 |