|
|
|
|
|
|
贊助商
分類目錄
贊助商
最新文章
搜索
JavaScript中獲取數組中項目索引的兩種方法
作者:admin 時間:2022-6-30 10:9:58 瀏覽:在 JavaScript 中查找數組中項目的索引有時非常有用，本文將介紹我們如何去查找數組中項目的索引。
如何在JavaScript中獲取數組中項目的索引
在JavaScript中獲取數組中項目索引的最簡單方法是使用Array.prototype.indexOf方法。通過在任何 JavaScript 數組上調用 indexOf ，可以為正在查找的項目傳遞一個參數，它將返回它的索引，或者-1（如果它找不到它）。
下面是一個示例，說明如何使用 indexOf 在 JavaScript 中獲取數組中項目的索引：
const arrayExample = ["a", "b", "c", "d"]
arrayExample.indexOf("b") // 1
arrayExample.indexOf("e") // -1
輸出
正如你在這個例子中所看到的，我們所做的只是調用我們數組的 indexOf 方法并傳入我們正在尋找的項目。
如果找到該項目，則返回索引，如果找不到該項目，它將返回 -1，以便我們知道它沒有找到該項目。
使用 Array.prototype.findIndex 方法
使用indexOf適用于多種數組，但如果我們有一個稍微復雜一點的數組，例如對象數組，那么我們可以使用 Array.prototype.findIndex 方法。
下面是一個示例，說明如何使用Array.prototype.findIndex方法在 JavaScript 中獲取數組中項目的索引：
const arrayExample = ["a", "b", "c", "d"]
arrayExample.findIndex(arrayItem => arrayItem === "b") // 1
arrayExample.indexOf(arrayItem => arrayItem === "e") // -1
輸出
使用此方法可以讓我們創(chuàng)建自己的回調函數來檢查數組中的項目是否是正確的索引。
如果我們在回調函數中返回 true，那么 findIndex 方法將認為該項目是正確的索引并將索引返回給我們。
如果我們在回調函數中返回 false，那么 findIndex 方法將認為該項目與正在查找的項目不匹配，并繼續(xù)查找數組中的下一個項目。
如果它在數組中找不到正確的項目，那么它將返回-1，就像在 indexOf 方法中一樣。
總結
本文介紹了如何在 JavaScript 中獲取數組中項目的索引的方法，我們可以通過2種方法來實現，大多數情況下使用indexOf方法，而findIndex適用于比較復雜的數組，我們可以從下文了解這兩者之間的區(qū)別：JavaScript中findIndex與indexOf 的區(qū)別。
相關文章
