Wyszukiwanie tablic JavaScript

Metody wyszukiwania i przeszukiwania tablic

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

Zobacz również:

• Metody podstawowe
• Metody sortujące
• Metody iteracyjne

JavaScript Array indexOf()

indexOf() Metoda wyszukuje wartość elementu w tablicy i zwraca jego pozycję.

Uwaga:Pozycja pierwszego elementu to 0, pozycja drugiego elementu to 1, itd.

Przykład

Szukaj elementu "Apple" w tablicy:

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

Spróbuj sam

gramatyka

array.indexOf(item, start)

Zwracana wartość:

• Jeśli nie znajduje się element, zwraca -1.
• Jeśli element występuje wiele razy, zwraca pozycję pierwszego wystąpienia.

JavaScript Array lastIndexOf()

lastIndexOf() Metoda podobna do indexOf() Takie same, ale zwracają pozycję ostatniego wystąpienia elementu.

Przykład

Szukaj elementu "Apple" w tablicy:

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

Spróbuj sam

gramatyka

array.lastIndexOf(item, start)

JavaScript Array includes()

ECMAScript 2016 wprowadził Array.includes() Metoda. Pozwala nam sprawdzić, czy tablica zawiera pewien element (w tym NaN, w przeciwieństwie do indexOf).

Przykład

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

Spróbuj sam

gramatyka

array.includes(search-item)

search-item：element do wyszukiwania.

Uwaga:includes() może sprawdzić wartości NaN, podczas gdy indexOf() nie może.

Wspieranie przeglądarek

includes() jest ECMAScript 2016 cecha.

od marca 2017 roku, wszystkie nowoczesne przeglądarki obsługują ES2016:

Internet Explorer nie obsługuje includes().

JavaScript Array find()

find() metoda zwraca wartość pierwszego elementu tablicy, który spełnia funkcję testową.

Przykład

Znajdź pierwszy element większy niż 18:

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

Spróbuj sam

Uwaga:funkcja przyjmuje 3 parametry:

• wartość elementu
• indeks elementu
• tablica sama w sobie

Wspieranie przeglądarek

find() jest cechą ES6 (JavaScript 2015).

od czerwca 2017 roku, wszystkie nowoczesne przeglądarki obsługują ES6:

Internet Explorer nie obsługuje find().

JavaScript Array findIndex()

findIndex() metoda zwraca indeks pierwszego elementu tablicy, który spełnia funkcję testową.

Przykład

Znajdź indeks pierwszego elementu większego niż 18:

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

Spróbuj sam

Uwaga:funkcja przyjmuje 3 parametry:

• wartość elementu
• indeks elementu
• tablica sama w sobie

Wspieranie przeglądarek

findIndex() jest cechą ES6 (JavaScript 2015).

od czerwca 2017 roku, wszystkie nowoczesne przeglądarki obsługują ES6:

Internet Explorer nie obsługuje findIndex().

JavaScript Array findLast()

ES2023 wprowadził findLast() metoda, która zaczyna wyszukiwanie od końca tablicy i zwraca wartość pierwszego elementu spełniającego warunek.

Przykład

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

Spróbuj sam

Wspieranie przeglądarek

findLast() To jest cecha ES2023.

Od lipca 2023 roku wszystkie nowoczesne przeglądarki wspierają:

Metoda findLastIndex() tablic JavaScript

findLastIndex() Metoda znajduje indeks ostatniego elementu spełniającego warunek.

Przykład

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

Spróbuj sam

Wspieranie przeglądarek

findLastIndex() To jest cecha ES2023.

Od lipca 2023 roku wszystkie nowoczesne przeglądarki wspierają:

Pełny podręcznik tablic

Aby uzyskać pełną dokumentację tablic, odwiedź:Podręcznik tablic JavaScript.

Ten podręcznik zawiera opisy i przykłady wszystkich właściwości i metod tablic.