Pencarian Array JavaScript

Metode pencarian dan pencarian array

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

Lihat pula:

• Metode dasar
• Metode pengurutan
• Metode iterasi

JavaScript Array indexOf()

indexOf() Metode mencari nilai elemen dalam array dan mengembalikan posisinya.

Perhatian:Posisi pertama adalah 0, posisi kedua adalah 1, dan seterusnya.

Contoh

Cari item "Apple" dalam array:

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

Coba Sendiri

grammar

array.indexOf("item, start)

Nilai kembalian:

• Jika item tidak ditemukan, kembalikan -1.
• Jika item muncul beberapa kali, kembalikan posisi penemuan pertama.

JavaScript Array lastIndexOf()

lastIndexOf() Metode dengan indexOf() Sama, tetapi kembalikan posisi penemuan terakhir elemen yang ditentukan.

Contoh

Cari item "Apple" dalam array:

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

Coba Sendiri

grammar

array.lastIndexOf("item, start)

JavaScript Array includes()

ECMAScript 2016 memperkenalkan Array.includes() Metode. Ini memungkinkan kami memeriksa apakah suatu elemen ada dalam array (termasuk NaN, berbeda dengan indexOf).

Contoh

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

Coba Sendiri

grammar

array.includes(search-item)

search-item:% elemen yang akan dicari.

Perhatian:includes() boleh memeriksa nilai NaN, sementara indexOf() tidak boleh.

Dukungan Browser

includes() adalah ECMAScript 2016 fitur.

Dari Maret 2017, semua browser modern mendukung ES2016:

Internet Explorer tidak mendukung includes().

JavaScript Array find()

find() metode mengembalikan nilai elemen pertama array yang memenuhi fungsi uji.

Contoh

Cari elemen pertama yang lebih besar dari 18:

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

Coba Sendiri

Perhatian:fungsi menerima 3 parameter:

• nilai elemen
• indeks elemen
• array itu sendiri

Dukungan Browser

find() adalah fitur ES6 (JavaScript 2015).

Dari Juni 2017, semua browser modern mendukung ES6:

Internet Explorer tidak mendukung find().

JavaScript Array findIndex()

findIndex() metode mengembalikan indeks elemen pertama array yang memenuhi fungsi uji.

Contoh

Cari indeks elemen pertama yang lebih besar dari 18:

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

Coba Sendiri

Perhatian:fungsi menerima 3 parameter:

• nilai elemen
• indeks elemen
• array itu sendiri

Dukungan Browser

findIndex() adalah fitur ES6 (JavaScript 2015).

Dari Juni 2017, semua browser modern mendukung ES6:

Internet Explorer tidak mendukung findIndex().

JavaScript Array findLast()

ES2023 menambahkan findLast() metode, yang mulai mencari dari ujung array dan mengembalikan nilai elemen pertama yang memenuhi syarat.

Contoh

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

Coba Sendiri

Dukungan Browser

findLast() Adalah fitur ES2023.

Dari Juli 2023, semua browser modern mendukung:

Metode findLastIndex() Array JavaScript

findLastIndex() Metode findLastIndex() mencari indeks terakhir elemen yang memenuhi kondisi.

Contoh

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

Coba Sendiri

Dukungan Browser

findLastIndex() Adalah fitur ES2023.

Dari Juli 2023, semua browser modern mendukung:

Panduan referensi lengkap array

Untuk referensi lengkap array, kunjungi:Panduan Referensi Array JavaScript.

Panduan referensi seluruh properti dan metode array serta contoh.