JavaScript Array filter()

تعريف والاستخدام

filter() يُنشئ هذا الأسلوب مجموعة تحتوي على جميع العناصر التي تم اختبارها بنجاح (كمعامل تم تقديمه).

التعليق:filter() لن يتم تنفيذ هذه الدالة على عناصر المجموعة التي لا تحتوي على قيمة.

التعليق:filter() لن يغير المجموعة الأصلية.

مثال

مثال 1

إرجاع مجموعة تحتوي على جميع القيم التي هي 18 سنة أو أكبر من مجموعة ages:

var ages = [32, 33, 16, 40];
function checkAdult(age) {
  return age >= 18;
}
function myFunction() {
  document.getElementById("demo").innerHTML = ages.filter(checkAdult);
}

جرب بنفسك

مثال 2

إرجاع مجموعة تحتوي على جميع القيم التي هي أكبر أو تساوي عدد معين من مجموعة ages:

<p>الحد الأدنى للعمر: <input type="number" id="ageToCheck" value="18"></p>
<button onclick="myFunction()">جربها</button>
<p>جميع الأعمار فوق الحد الأدنى: <span id="demo"></span></p>
<script>
var ages = [32, 33, 12, 40];
function checkAdult(age) {
  return age >= document.getElementById("ageToCheck").value;
}
function myFunction() {
  document.getElementById("demo").innerHTML = ages.filter(checkAdult);
}
</script>

جرب بنفسك

النحو

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

قيمة المعامل

المعامل الوصف
function(currentValue, index, arr) مطلوب. الدالة التي سيتم تشغيلها على كل عنصر في المجموعة.

معامل الدالة:

المعامل الوصف
currentValue مطلوب. القيمة الحالية للعنصر الحالي.
index اختياري. مؤشر العنصر الحالي في المجموعة.
arr اختياري. العنصر الحالي للمجموعة التي ينتمي إليها العنصر الحالي.
thisValue

اختياري. القيمة التي سيتم تقديمها إلى الدالة لتكون قيمتها كـ "this".

إذا كان هذا المعامل فارغًا، فإن القيمة "undefined" ستكون قيمته المقدمة كـ "this".

تفاصيل تقنية

القيمة المرجعة: مجموعة تحتوي على جميع عناصر المجموعة التي تم اختبارها. إذا لم يتم العثور على أي عنصر، يتم إرجاع مجموعة فارغة.
إصدار جافا سكريبت: ECMAScript 5

دعم المتصفح

جميع المتصفحات يدعمونها بشكل كامل filter() الطريقة:

كروم إي إي إيدج فايرفوكس Safari Opera
كروم إي إي إيدج فايرفوكس Safari Opera
الدعم 9.0 الدعم الدعم الدعم الدعم

الصفحات ذات الصلة

دروس:عدد JavaScript

دروس:عدد JavaScript Const

دروس:طرق عدد JavaScript

دروس:ترتيب عدد JavaScript

دروس:استدلال عدد JavaScript