JavaScript arraysøgning

Arrayfind- og søgemetoder

Se også:

JavaScript Array indexOf()

indexOf() Metode søger efter elementværdi i en array og returnerer dens position.

Bemærk:Første elementets position er 0, andet elementets position er 1, og så videre.

Eksempel

Søg efter elementet "Apple" i arrayet:

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

Prøv det selv

syntaks

array.indexOf(element, start)
element Obligatorisk. Det element, der skal søges efter.
start Valgfri. Startpositionen for søgningen. Negative værdier tæller fra slutningen af arrayet og søger til slutningen.

Returværdi:

  • Returnerer -1, hvis elementet ikke findes.
  • Returnerer positionen for det første forekommende element, hvis elementet optræder flere gange.

JavaScript Array lastIndexOf()

lastIndexOf() Metode sammenlign indexOf() Samme, men returnerer positionen for det sidste forekommende element.

Eksempel

Søg efter elementet "Apple" i arrayet:

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

Prøv det selv

syntaks

array.lastIndexOf(element, start)
element Obligatorisk. Det element, der skal søges efter.
start Valgfri. Startpositionen for søgningen. Negative værdier tæller fra slutningen af arrayet og søger til begyndelsen.

JavaScript Array includes()

ECMAScript 2016 introducerede Array.includes() Metode. Den giver os mulighed for at kontrollere, om et element findes i en array (inklusive NaN, forskellig fra indexOf).

Eksempel

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

Prøv det selv

syntaks

array.includes(search-item)

search-itemat søge efter elementet.

Bemærk:includes() kan kontrollere NaN-værdier, mens indexOf() kan ikke.

Browser support

includes() er ECMAScript 2016 egenskab.

fra marts 2017, understøtter alle moderne browsere ES2016:

Chrome Edge Firefox Safari Opera
Chrome 52 Edge 15 Firefox 52 Safari 10.1 Opera 39
i juli 2016 i april 2017 i marts 2017 i maj 2017 i august 2016

Internet Explorer understøtter ikke includes().

JavaScript Array find()

find() metoden returnerer værdien af det første element i arrayet, der passerer testfunktionen.

Eksempel

Find det første element, der er større end 18:

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

Prøv det selv

Bemærk:funktionen accepterer 3 parametre:

  • elementets værdi
  • elementets indeks
  • arrayet selv

Browser support

find() er en funktion af ES6 (JavaScript 2015).

fra juni 2017, understøtter alle moderne browsere ES6:

Chrome Edge Firefox Safari Opera
Chrome 51 Edge 15 Firefox 54 Safari 10 Opera 38
i maj 2016 i april 2017 i juni 2017 i september 2016 i juni 2016

Internet Explorer understøtter ikke find().

JavaScript Array findIndex()

findIndex() metoden returnerer indekset for det første element i arrayet, der passerer testfunktionen.

Eksempel

Find indekset for det første element, der er større end 18:

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

Prøv det selv

Bemærk:funktionen accepterer 3 parametre:

  • elementets værdi
  • elementets indeks
  • arrayet selv

Browser support

findIndex() er en funktion af ES6 (JavaScript 2015).

fra juni 2017, understøtter alle moderne browsere ES6:

Chrome Edge Firefox Safari Opera
Chrome 51 Edge 15 Firefox 54 Safari 10 Opera 38
i maj 2016 i april 2017 i juni 2017 i september 2016 i juni 2016

Internet Explorer understøtter ikke findIndex().

JavaScript Array findLast()

ES2023 har tilføjet findLast() metode, der starter fra arrays enden og returnerer værdien af det første element, der opfylder betingelsen.

Eksempel

const temp = [27, 28, 30, 40, 42, 35, 30];
let høj = temp.findLast(x => x > 40);

Prøv det selv

Browser support

findLast() Er en funktion af ES2023.

Fra juli 2023 er alle moderne browsere kompatible med:

Chrome Edge Firefox Safari Opera
Chrome 110 Edge 110 Firefox 115 Safari 16.4 Opera 96
Februar 2023 Februar 2023 Juli 2023 Marts 2023 Maj 2023

JavaScript Array findLastIndex() Metode

findLastIndex() Metoden finder indekset for den sidste element, der opfylder betingelsen.

Eksempel

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

Prøv det selv

Browser support

findLastIndex() Er en funktion af ES2023.

Fra juli 2023 er alle moderne browsere kompatible med:

Chrome Edge Firefox Safari Opera
Chrome 110 Edge 110 Firefox 115 Safari 16.4 Opera 96
Februar 2023 Februar 2023 Juli 2023 Marts 2023 Maj 2023

Komplet array referencemanual

For fuld arrayreference, besøg venligst:JavaScript array referencemanual.

Dette manual indeholder beskrivelser og eksempler på alle arrayegenskaber og metoder.