JavaScript Array Zoeken

数组查找和搜索方法

• Array indexOf()
• Array lastIndexOf()
• Array includes()
• Array find()
• Array findIndex()
• Array findLast()
• Array findLastIndex()

另请参阅：

• 基本方法
• 排序方法
• 迭代方法

JavaScript Array indexOf()

indexOf() 方法在数组中搜索元素值并返回其位置。

Opmerking:第一项的位置是 0，第二项的位置是 1，依此类推。

Voorbeeld

在数组中搜索项 "Apple"：

const fruits = ["Apple", "Orange", "Apple", "Mango"];
let position = fruits.indexOf("Apple") + 1;

Probeer het zelf

syntaxis

array.indexOf(item, start)

返回值：

• 如果未找到项，则返回 -1。
• 如果项出现多次，则返回第一次出现的位置。

JavaScript Array lastIndexOf()

lastIndexOf() 方法与 indexOf() 相同，但返回指定元素最后一次出现的位置。

Voorbeeld

在数组中搜索项 "Apple"：

const fruits = ["Apple", "Orange", "Apple", "Mango"];
let position = fruits.lastIndexOf("Apple") + 1;

Probeer het zelf

syntaxis

array.lastIndexOf(item, start)

JavaScript Array includes()

ECMAScript 2016 引入了 Array.includes() 方法。它允许我们检查数组中是否包含某个元素（包括 NaN，与 indexOf 不同）。

Voorbeeld

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.includes("Mango"); // retourneert true

Probeer het zelf

syntaxis

array.includes(search-item)

search-itemte zoeken element.

Opmerking:includes() kan NaN-waarden controleren, terwijl indexOf() kan niet.

Browserondersteuning

includes() is ECMAScript 2016 kenmerk.

Sinds maart 2017 ondersteunen alle moderne browsers ES2016:

Internet Explorer ondersteunt niet includes().

JavaScript Array find()

find() De methode retourneert de waarde van het eerste element in de array dat voldoet aan de testfunctie.

Voorbeeld

Zoek het eerste element dat groter is dan 18:

const numbers = [4, 9, 16, 25, 29];
let first = numbers.find(myFunction);
function myFunction(value, index, array) {
  return value > 18;

Probeer het zelf

Opmerking:De functie accepteert 3 parameters:

• elementwaarde
• elementindex
• het zelfde

Browserondersteuning

find() is een kenmerk van ES6 (JavaScript 2015).

Sinds juni 2017 ondersteunen alle moderne browsers ES6:

Internet Explorer ondersteunt dit niet find().

JavaScript Array findIndex()

findIndex() De methode retourneert de index van het eerste element in de array dat voldoet aan de testfunctie.

Voorbeeld

Zoek de index van het eerste element dat groter is dan 18:

const numbers = [4, 9, 16, 25, 29];
let first = numbers.findIndex(myFunction);
function myFunction(value, index, array) {
  return value > 18;

Probeer het zelf

Opmerking:De functie accepteert 3 parameters:

• elementwaarde
• elementindex
• het zelfde

Browserondersteuning

findIndex() is een kenmerk van ES6 (JavaScript 2015).

Sinds juni 2017 ondersteunen alle moderne browsers ES6:

Internet Explorer ondersteunt dit niet findIndex().

JavaScript Array findLast()

ES2023 heeft toegevoegd findLast() De methode, die begint met het zoeken aan het einde van de array en de waarde van het eerste element dat voldoet aan de voorwaarde retourneert.

Voorbeeld

const temp = [27, 28, 30, 40, 42, 35, 30];
Laat high = temp.findLast(x => x > 40);

Probeer het zelf

Browserondersteuning

findLast() Is een kenmerk van ES2023.

Sinds juli 2023 ondersteunen alle moderne browsers:

JavaScript Array findLastIndex() Methode

findLastIndex() Methoden zoeken naar de index van het laatste element dat voldoet aan de voorwaarde.

Voorbeeld

const temp = [27, 28, 30, 40, 42, 35, 30];
let pos = temp.findLastIndex(x => x > 40);

Probeer het zelf

Browserondersteuning

findLastIndex() Is een kenmerk van ES2023.

Sinds juli 2023 ondersteunen alle moderne browsers:

Volledige Array Referentiemanual

Voor een volledige array referentie, bezoek a.u.b.:JavaScript Array Referentiemanual.

Dit manual bevat beschrijvingen en voorbeelden van alle array-eigenschappen en methoden.