JavaScript Array find()

Paglilinaw at Paggamit

find() Ang method ay ibabalik ang halaga ng unang elemento ng array na nagtugon sa test (bilang function na ibinigay)

find() Ang method ay ipinapatakbo ang function sa bawat elemento ng array na may umiiral:

  • Kung mayroon ang find() na may halaga na true sa elemento ng array, ibabalik ng find() ang halaga ng elemento ng array (at hindi iniihahalal ang ibang mga halaga)
  • Kung hindi, ibabalik ang undefined

Komentaryo:find() Hindi ipinapatakbo ang function sa walang elemento na array.

Komentaryo:find() Hindi itatanging magbabago ang orihinal na array.

Sample

Mga halimbawa 1

Makakuha ang halaga ng unang elemento ng array na may halaga na 18 o mas malaki:

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

Subukan Nang Higit Pa

Halimbawa 2

Maghanap ng halaga ng unang elemento ng array na ang halagang mas mataas sa isang partikular na numero:

<p>Minimum na edad: <input type="number" id="ageToCheck" value="18"></p>
<button onclick="myFunction()">Subukan Ito</button>
<p>Ang anumang edad na mas mataas sa: <span id="demo"></span></p>
<script>
var ages = [4, 12, 16, 20];
function checkAdult(age) {
  return age >= document.getElementById("ageToCheck").value;
}
function myFunction() {
  document.getElementById("demo").innerHTML = ages.find(checkAdult);
}
</script>

Subukan Nang Higit Pa

Gramatika

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

Halaga ng parametro

Parametro Paglalarawan
function(currentValue, index, arr) Mandahil. Ang function na pinapatakbo para sa bawat elemento ng array.

Parametro ng Function:

Parametro Paglalarawan
currentValue Mandahil. Ang halaga ng kasalukuyang elemento.
index Opsiyonal. Ang index ng kasalukuyang elemento sa array.
arr Opsiyonal. Ang array object na sa pangkat ng kasalukuyang elemento.
thisValue

Opsiyonal. Ang halaga na ipapasa sa function bilang halaga ng 'this' ng function.

Kung ang parametro na ito ay walang laman, ang halaga ng 'undefined' ay magiging halaga ng 'this' nito.

Detalye ng Teknolohiya

Halaga ng ibabalik: Kung anumang elemento sa array ay sumusugan, ibabalik ang halaga ng elemento ng array, kung hindi ibabalik ang undefined.
Versyon ng JavaScript: ECMAScript 6

Suporta ng Browser

Ang mga numero sa talahanayan ay naglalarawan ng unang bersyon ng browser na ganap na sumusuportahan ang paraan na ito.

Chrome Edge Firefox Safari Opera
Chrome 45 Edge 12 Firefox 25 Safari 7.1 Opera 32
Setyembre 2015 Hulyo 2015 Hulyo 2014 Setyembre 2014 Setyembre 2015

Komentaryo:Internet Explorer ay hindi sumusuportahan find() Mga Method.

Mga Kaugnay na Pahina

Tuturo:Array sa JavaScript

Tuturo:Array Const sa JavaScript

Tuturo:Mga Method sa Array sa JavaScript

Tuturo:Pagayos ng Array sa JavaScript

Tuturo:Iterasyon ng Array sa JavaScript