العثور على صفيف JavaScript ()
مثال 1
أوجد قيمة العنصر الأول بقيمة تزيد عن 18:
const ages = [3, 10, 18, 20];
function checkAge(age) {
return age > 18;
}
function myFunction() {
document.getElementById("demo").innerHTML = ages.find(checkAge);
}
التعريف والاستخدام
تُرجع find()
الطريقة قيمة العنصر الأول الذي يجتاز اختبارًا.
الطريقة find()
تنفذ وظيفة لكل عنصر من عناصر المصفوفة.
يعيد find()
الأسلوب undefined
إذا لم يتم العثور على عناصر.
الطريقة find()
لا تنفذ الوظيفة للعناصر الفارغة.
الطريقة find()
لا تغير المصفوفة الأصلية.
بناء الجملة
array.find(function(currentValue, index, arr),thisValue)
المعلمات
function() | Required. A function to run for each array element. |
currentValue | Required. The value of the current element. |
index | Optional. The index of the current element. |
arr | Optional. The array of the current element. |
thisValue | Optional. Default undefined .A value passed to the function as its this value. |
قيمة الإرجاع
نوع | وصف |
قيمة |
قيمة العنصر الأول الذي يجتاز الاختبار. وإلا فإنه يعود undefined . |
دعم المتصفح
find()
هي إحدى ميزات ECMAScript6 (ES6).
ES6 (JavaScript 2015) مدعوم في جميع المتصفحات الحديثة:
Chrome | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes |
find()
غير مدعوم في Internet Explorer 11 (أو أقدم).
مثال 2
أوجد قيمة العنصر الأول الذي تكون قيمته أعلى من رقم معين:
<p><input type="number" id="ageToCheck" value="18"></p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
const ages = [4, 12, 16, 20];
function checkAge(age) {
return age > document.getElementById("ageToCheck").value;
}
function myFunction() {
document.getElementById("demo").innerHTML = ages.find(checkAge);
}
</script>