JavaScript >> Javascript 文檔 >  >> Tags >> foreach

在 JavaScript 的 forEach() 中獲取當前數組索引

簡介

一個Array 在 JavaScript 中是一個標準化的內置對象,用於以相同的名稱存儲多個對象。簡單來說,可以看Array 對像作為 數組 在任何其他編程語言中。它本質上是一個 封裝了一個數組 (一個有序的值列表)和所有必要的方法 您可能需要執行數組操作。

事實上每個數組都是有序的 意味著每個元素的位置都非常重要。事實上,如果你不知道元素在原始數組中的位置,你甚至無法提取它的值。

在迭代期間,當前元素的索引可能與您相關。使用 index 很容易實現 forEach() 的參數 方法。

forEach() 方法基礎

forEach()Array 的一個方法 班級。您可以使用它來循環遍歷數組並對其每個元素執行特定操作 - 但是,map() 更常用於此目的。您可以使用 回調 自定義執行的操作 function - 作為 forEach() 的參數傳遞的函數 方法。回調函數是一個簡單的函數,它定義了要對單個元素執行的操作,而 forEach() 方法確保它將在數組的每個元素上執行。

forEach() 方法的語法非常簡單:

forEach(callback(currentElement, index, arr), thisValue);

正如我們之前所說,forEach() 方法接受 callback 在數組中的每個條目上運行的函數。這個callback 函數接受三個參數,其中我們只關心兩個 - currentElement 這是一個必需的參數,它的 index 這是 currentElement 的位置 在數組中。

如何使用forEach()獲取當前元素的索引 方法

假設我們有一個學生數組,並且想要在我們處理它們時訪問每個元素的索引。我們將使用 index 參數,然後簡單地打印出來:

const students = ["Mark", "Jane", "John", "Sarah"];

students.forEach((student, index) => {
    console.log(`The index for ${student} is ${index}`);
});

輸出:

"The index for Mark is 0"
"The index for Jane is 1"
"The index for John is 2"
"The index for Sarah is 3"

結論

在這篇簡短的文章中,我們解釋瞭如何使用 index 獲取 Array 中元素的當前數組索引的參數 使用 forEach() 方法。

注意: 如果你需要深入挖掘forEach() JavaScript 中的方法,請閱讀我們的 JavaScript 指南 forEach() .


Tutorial JavaScript 教程
  1. 🔑 使用 Next.js、Prisma 和 next-auth 進行無密碼身份驗證

  2. 文本翻譯應用

  3. 移動圓弧上出現半徑線

  4. 字符控制

  5. 3 設置默認值的方法

  6. URL 正則表達式驗證

  7. NextJS + ChakraUI + Storybook 平滑滾動樣板(TypeScript)

  1. 拒絕應用來自 'http://localhost:2000/cssFile/style.css' 的樣式,因為它的 MIME 類型('text/html' )

  2. 火車車廂🚃.🚃.🚃

  3. 如何使用 Node.JS 開發獨特的移動應用程序?

  4. 通過 HyperApp 實驗消除無聊

  5. Typescript 中的可持續字符串枚舉

  6. 給你的用戶一些顏色

  7. 如何使我的 npm 包符合 TypeScript?

  1. Javascript:為更簡潔的代碼解構對象和數組

  2. 使用 Node 和 HTML5 將文件上傳到服務器

  3. 末日驗證碼 - 驗證碼不必無聊

  4. 依賴倒置