JavaScript taulukon hakeminen

Taulukon hakemis- ja etsintämenetelmät

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

Katso myös:

• Perusmetodit
• Lajittelumetodit
• Iteraatiometodit

JavaScript Array indexOf()

indexOf() Metodi etsii elementin arvon taulukosta ja palauttaa sen sijainnin.

Huomioitavaa:Ensimmäisen kohteen sijainti on 0, toisen kohteen sijainti on 1, ja niin edelleen.

Esimerkki

Etsitään elementtiä "Pähkinä":

const hedelmät = ["Pähkinä", "Appelsiini", "Pähkinä", "Mansikka"];
let position = hedelmät.indexOf("Pähkinä") + 1;

Kokeile itse

syntaksi

array.indexOf("kohta, alkupiste)

Palautusarvo:

• Jos kohtaa ei löydy, palauttaa -1.
• Jos kohta esiintyy useita kertoja, palauttaa ensimmäisen esiintymän sijainnin.

JavaScript Array lastIndexOf()

lastIndexOf() Metodi on indexOf() Sama, mutta palauttaa määritetyn elementin viimeisen esiintymän sijainnin.

Esimerkki

Etsitään elementtiä "Pähkinä":

const hedelmät = ["Pähkinä", "Appelsiini", "Pähkinä", "Mansikka"];
let position = hedelmät.lastIndexOf("Pähkinä") + 1;

Kokeile itse

syntaksi

array.lastIndexOf("kohta, alkupiste)

JavaScript Array includes()

ECMAScript 2016 otti käyttöön Array.includes() Metodi. Se mahdollistaa tarkistamisen, sisältääkö taulukko tietyn elementin (mukaan lukien NaN, eri indexOf:n tavoin).

Esimerkki

const hedelmät = ["Banaani", "Appelsiini", "Pähkinä", "Mansikka"];
fruits.includes("Mango"); // palauttaa true

Kokeile itse

syntaksi

array.includes(search-item)

search-itemhaluttava elementti.

Huomioitavaa:includes() voidaan tarkistaa NaN-arvoja, kun taas indexOf() ei voi.

Selaimen tuki

includes() on ECMAScript 2016 ominaisuus.

alkaen maaliskuusta 2017, kaikki nykyaikaiset selaimet tukevat ES2016:

Internet Explorer ei tue includes().

JavaScript Array find()

find() menetelmä palauttaa ensimmäisen taulukon elementin arvon, joka täyttää testifunktion.

Esimerkki

Etsi ensimmäinen suurempi kuin 18 elementti:

const numbers = [4, 9, 16, 25, 29];
anna ensimmäinen = numbers.find(myFunction);
function myFunction(arvo, indeksi, taulukko) {
  palauta arvo > 18;

Kokeile itse

Huomioitavaa:funktiolle annetaan 3 parametria:

• elementin arvo
• elementin indeksi
• taulukko itsessään

Selaimen tuki

find() on ES6 (JavaScript 2015) ominaisuus.

alkaen kesäkuusta 2017, kaikki nykyaikaiset selaimet tukevat ES6:

Internet Explorer ei tue find().

JavaScript Array findIndex()

findIndex() menetelmä palauttaa ensimmäisen taulukon elementin indeksin, joka täyttää testifunktion.

Esimerkki

Etsi ensimmäisen suuremman kuin 18 elementin indeksi:

const numbers = [4, 9, 16, 25, 29];
anna ensimmäinen = numbers.findIndex(myFunction);
function myFunction(arvo, indeksi, taulukko) {
  palauta arvo > 18;

Kokeile itse

Huomioitavaa:funktiolle annetaan 3 parametria:

• elementin arvo
• elementin indeksi
• taulukko itsessään

Selaimen tuki

findIndex() on ES6 (JavaScript 2015) ominaisuus.

alkaen kesäkuusta 2017, kaikki nykyaikaiset selaimet tukevat ES6:

Internet Explorer ei tue findIndex().

JavaScript Array findLast()

ES2023 lisäsi findLast() menetelmä, joka alkaa etsimällä taulukon lopusta ja palauttaa ensimmäisen täyttävän ehdotuksen arvon.

Esimerkki

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

Kokeile itse

Selaimen tuki

findLast() On ES2023-ominaisuus.

Alkaen heinäkuusta 2023, kaikki nykyaikaiset selaimet tukevat:

JavaScript Array findLastIndex() Metodi

findLastIndex() Metodi löytää viimeisen tyydyttävän ehdot elementin indeksin.

Esimerkki

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

Kokeile itse

Selaimen tuki

findLastIndex() On ES2023-ominaisuus.

Alkaen heinäkuusta 2023, kaikki nykyaikaiset selaimet tukevat:

Täydellinen taulukon viittausoppikirja

Täydelliselle taulukon viittaukselle vieraile:JavaScript-taulukon-käyttöohje.

Tämä oppikirja sisältää kaikkien taulukon ominaisuuksien ja menetelmien kuvaukset ja esimerkit.