تحليل تفصيلي لـ jQuery grep() و مثال على الشيفرة

ما هو jQuery.grep()؟

　　jQuery.grep() هي دالة لبحث عن عناصر نصيحة تتناسب مع وظيفة الفلاتر. لا تتأثر النصيحة الأصلية، والقيمة المعدة هي نصيحة.

شرح الاستخدام:

كتابة:

jQuery.grep( array, function(elementOfArray, indexInArray) [, invert ] )

　　شرح المعلمات:

array

النوع: Array
للتحقق من النصيحة للعناصر.

function(elementOfArray, indexInArray)

النوع: Function()

هذه الدالة تستخدم لمعالجة المقارنة لكل عنصر. الأول هو العنصر الذي يتم فحصه في النصيحة، والثاني هو قيمة مؤشر العنصر. يجب أن يعود هذا الدالة بقيمة منطقية. this سيكون العنصر العالمي window.

　　elementOfArray--عنصر النصيحة في النصيحة
　　indexInArray--قيمة مؤشر العنصر في النصيحة

invert

النوع: Boolean

إذا كان "invert" غير صحيح، أو لم يتم تقديمه، فإن الدالة تعود بنصيحة "callback" تحتوي على جميع العناصر التي تعود بالصحية،. إذا كان "invert" صحيحًا، تعود الدالة بنصيحة "callback" تحتوي على جميع العناصر التي تعود بالخطأ،.　　　

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

<!DOCTYPE html>
<html>
<head>
 <style>
 div { color:blue; }
 p { color:green; margin:0; }
 span { color:red; }
 </style>
 <script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
</head>
<body>
 <div></div>
 <p></p>
 <span></span>
<script>
var arr = [ 1, 9, 3, 8, 6, 1, 5, 9, 4, 7, 3, 8, 6, 9, 1 ];
$("div").text(arr.join(", "));
arr = jQuery.grep(arr, function(n, i){
 return (n != 5 && i > 4);
});
$("p").text(arr.join(", "));
arr = jQuery.grep(arr, function (a) { return a != 9; });
$("span").text(arr.join(", "));
</script>
</body>
</html>

　　ثم النتيجة ستكون:

1, 9, 3, 8, 6, 1, 5, 9, 4, 7, 3, 8, 6, 9, 1
1, 9, 4, 7, 3, 8, 6, 9, 1
1, 4, 7, 3, 8, 6, 1

شكرًا على القراءة، آمل أن تكون مفيدًا للجميع، شكرًا لدعم هذا الموقع!

دليل الأساسيات

تحبها