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