JavaScript Array findIndex()

Definisi dan penggunaan

findIndex() Metode kembalikan indeks elemen pertama yang melalui tes dalam array (disediakan sebagai fungsi)

findIndex() Metode melaksanakan fungsi sekali untuk setiap elemen yang ada dalam array:

  • Jika mendapatkan elemen array yang mengembalikan nilai true dari fungsi, findIndex() kembalikan indeks elemen array itu (tanpa memeriksa nilai yang tersisa)
  • Kemudian kembalikan -1

Keterangan:findIndex() Tidak akan melaksanakan fungsi untuk elemen array yang kosong.

Keterangan:findIndex() Tidak akan mengubah array asal.

Contoh

Contoh 1

Mendapatkan indeks elemen pertama dalam array yang sama atau lebih besar daripada 18:

var umur = [3, 10, 18, 20];
function checkAdult(umur) {
  kembalikan umur >= 18;
}
function myFunction() {
  document.getElementById("demo").innerHTML = ages.findIndex(checkAdult);
}

Cuba sendiri

Contoh 2

Dapatkan indeks elemen pertama di dalam array yang nilai lebih tinggi daripada nombor khusus:

<p>Umur minimum: <input type="number" id="ageToCheck" value="18"></p>
<button onclick="myFunction()">Cuba</button>
<p>Umur sebarang di atas: <span id="demo"></span></p>
<script>
var umur = [4, 12, 16, 20];
function checkAdult(umur) {
  kembalikan umur >= document.getElementById("ageToCheck").value;
}
function myFunction() {
  document.getElementById("demo").innerHTML = ages.findIndex(checkAdult);
}
</script>

Cuba sendiri

Sintaks

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

Nilai parameter

Parameter Deskripsi
function(currentValue, index, arr) Wajib. Fungsi yang akan dijalankan untuk setiap elemen dalam array.

Parameter fungsi:

Parameter Deskripsi
currentValue Wajib. Nilai elemen semasa.
index Pilihan. Indeks array elemen semasa.
arr Pilihan. Objek array milik elemen semasa.
thisValue

Pilihan. Nilai yang akan dihantar kepada fungsi untuk digunakan sebagai nilai "this".

Pilihan. Nilai yang akan dihantar kepada fungsi untuk digunakan sebagai nilai "this".

Butiran teknikal

Hasil kembalian: Jika mana-mana elemen di dalam array melalui pengujian, kembalikan indeks elemen array, jika tidak kembalikan -1.
Versi JavaScript: ECMAScript 6

Dukungan pereka

Angka di dalam tabel menunjukkan versi pereka paling awal yang mendukung metode ini penuh.

Chrome Edge Firefox Safari Opera
Chrome 45 Edge 12 Firefox 25 Safari 7.1 Opera 32
September 2015 Juli 2015 Juli 2014 September 2014 September 2015

Keterangan:Internet Explorer ialah yang tidak disokong findIndex() Kemudian.

Laman Lainnya

Tutorial:Array JavaScript

Tutorial:Array Const JavaScript

Tutorial:Cara Kerja Method Array JavaScript

Tutorial:Isi Tertib Array JavaScript

Tutorial:Iterasi Array JavaScript