JavaScript FindIndex: Panduan Lengkap – Codewithaden

ES2015 Menambahkan metode baru yang dipanggil findIndex () ke Array.prototype , yang memungkinkan Anda menemukan elemen pertama dalam array yang memenuhi fungsi pengujian yang disediakan. Metode FindIndex () dalam JavaScript menjalankan fungsi sekali untuk setiap item dalam array.

JavaScript FindIndex

JavaScript Array FindIndex () adalah fungsi bawaan yang mengembalikan indeks dari item pertama dalam array yang memenuhi fungsi panggilan balik yang disediakan; Jika tidak, ia mengembalikan -1, menunjukkan tidak ada elemen yang lulus tes. Fungsi findIndex () menerima dua argumen fungsi dan Nilai ini (opsional).

Metode findIndex () menjalankan fungsi sekali untuk setiap item yang ada di array: jika menemukan Himpunan elemen di mana fungsi mengembalikan nilai sebenarnya, findIndex () Metode mengembalikan indeks itu Himpunan elemen (dan tidak memeriksa nilai yang tersisa).

Sintaksis

Sintaksnya adalah sebagai berikut.

array.findIndex(function(currentValue, index, arr), thisValue) 

Parameter

Itu fungsi adalah argumen yang diperlukan. Ini akan berjalan untuk setiap item dalam array.

Itu nilai sekarang adalah parameter yang diperlukan. Itu adalah nilai item saat ini.

Indeks adalah parameter opsional. Ini adalah indeks array dari elemen saat ini.

Itu arr adalah parameter opsional. Itu adalah objek array saat ini.

Itu Nilai ini adalah parameter opsional. Nilai yang akan diteruskan ke fungsi yang akan digunakan sebagai “ ini ” nilai.

Contoh

Sekarang, mari kita ambil contoh sederhana.

// app.js

let ages = [3, 10, 18, 20];

console.log(ages.findIndex(age => age > 10));
 

Dalam contoh di atas, kami telah menentukan array dan panggilan findIndex () berfungsi pada array itu.

Lewati fungsi panah, yang memeriksa apakah item dalam array lebih tinggi dari 10. Jika nilai item> 10 ditemukan, itu akan mencatat indeks item itu. Kemudian, jalankan file itu dengan mengetik Aplikasi Node di terminal.

Javascript

Jadi item pertama, lebih tinggi dari 10, adalah 18, dan indeksnya adalah 2. Jadi 2 dicatat pada konsol.

Itu findIndex () Metode akan mengembalikan indeks berdasarkan logika tertulis di dalam fungsi yang diberikan. Perbedaan utama antara findIndex () dan Indeks() adalah bahwa kita perlu menyediakan elemen ke fungsi indexof (). Sebaliknya, di sisi lain, findIndex () Metode mengharapkan fungsi yang telah mendefinisikan logika yang kami dapatkan indeks.

JavaScript findIndex () vs find ()

Itu utama perbedaan di antara Temukan() dan findIndex () adalah metode find () mengembalikan nilai item, tetapi metode findIndex () mengembalikan indeks elemen.

// app.js

let arr = [11, 21, 19, 29, 18, 10, 46];

data = arr.find((v) => {
  return v % 2 === 0;
});

console.log(data) 

Keluaran

node app
18 

Sebuah Array.find () metode memanggil (v) => {return v % 2 === 0;} Predikat untuk setiap elemen dalam array sampai predikat mengembalikan true. Dalam hal ini, elemen dikembalikan. Jika tidak ada elemen yang ditemukan, tidak terdefinisi dikembalikan.

// app.js

let arr = [11, 21, 19, 29, 17, 23, 31];

data = arr.find((v) => {
  return v % 2 === 0;
});

console.log(data) 

Keluaran

node app
undefined 

Itu findIndex () Metode sangat mirip dengan Temukan() metode tetapi mengembalikan indeks elemen alih -alih elemen itu sendiri.

Dibutuhkan predikat dan mengembalikan indeks elemen pertama dalam array yang memenuhi predikat. Jika tidak ada elemen, -1 dikembalikan.

Lihat kode berikut.

// app.js

let arr = [11, 21, 19, 29, 17, 23, 31];

index = arr.findIndex((v) => {
  return v % 2 === 0;
});

console.log(index) 

Keluaran

node app
-1 

Anda dapat melihat bahwa indeksnya -1 Karena tidak ada elemen yang memuaskan dalam array. Tidak ada elemen bahkan dalam array. Itulah sebabnya fungsi mengembalikan indeks -1.

Sekarang, mari kita tulis contoh di mana kondisinya puas dengan suatu elemen.

// app.js

let arr = [11, 21, 19, 20, 17, 24, 31];

index = arr.findIndex((v) => {
  return v % 2 === 0;
});

console.log(index) 

Dalam kode di atas, kami telah mendefinisikan array dengan elemen genap. Ada dua elemen bahkan dalam array yang indeksnya 3 dan 5. Sekarang, mari kita jalankan program dan lihat output.

node app
3 

Itu berarti segera mengembalikan indeks jika menemukan indeks. Indeks bahkan elemen yang tersisa tidak akan kembali dalam kasus ini.

Kesimpulan

FindIndex () tidak menjalankan fungsi untuk elemen array tanpa nilai. Oleh karena itu, findIndex () tidak mengubah array asli.

Metode findIndex () mengeksekusi panggilan balik fungsi sekali untuk setiap indeks array 0..length-1 (inklusif) dalam array sampai menemukan satu di mana fungsi yang disediakan mengembalikan a BENAR nilai (nilai yang dipaksa BENAR ).

Itu untuk tutorial ini.

Lihat juga

Indeks array javascript ()

JavaScript Array LastIndexof ()

JavaScript array pop ()

JavaScript Array Termasuk ()

JavaScript Array Push ()

Artikel ini berasal dari website Winpoin, dan kemudian diterjemahkan ke bahasa indonesia, baca artikel asli disini

Leave a Reply

Your email address will not be published. Required fields are marked *