استعراض صفيف باستخدام jQuery.each()

توضح الأمثلة أدناه كيفية استعراض وقراءة عناصر صفيف JavaScript باستخدام حلقة for و jQuery.each().

JavaScript for loop

حلقة for سهلة الفهم وتعتمد على jQuery لأنها مكتوبة بلغة JavaScript.

var array = ['un',  "اثنان" ، "ثلاثة" ، "أربعة" ، "خمسة" ] ؛ 
var i ؛ 
for (i = 0 ؛ i < array.length ؛ ++ i) {
 // افعل شيئا باستخدام 'array[i]'
 
}

بناء الجملة الثاني:

for (var x in array) {
 // افعل شيئا باستخدام 'array[x]'
 
}

< h2>وظيفة jQuery.each()jQuery.each() هي دالة تكرارية ، ويمكن استخدامها لاجتياز الكائنات والمصفوفات التي يتم تكرارها بواسطة فهرس رقمي ، من 0 إلى size-1. يتم تكرار الكائنات الأخرى من خلال خصائصها.

jQuery.each(صفيف، وظيفة(فهرس، قيمة) {
 // افعل شيئا ب "القيمة" (أو "هذا" وهو "القيمة") 
 (index+": "+ value); 
})؛ 
< / pre>سيؤدي هذا إلى إنتاج الرسالة التالية: 

< pre class = "prettyprint lang-javascript" >0: واحد < br / >1: اثنان < br / >2: ثلاثة < br / >3: أربعة < br / >4: خمسة 
< / pre>إذا تم تمرير نوع كائن إلى الوظيفة ،  العائد هو تجميع القيمة الرئيسية في كل مرة:

var obj = {
 "1": "one"، 
 "2": "two"
}; 
 $ .each (obj ، الوظيفة (المفتاح ، القيمة) {
 alert (مفتاح + ": " + قيمة) ؛ 
})؛ 
< / pre>Advantage: يمكن أن تحتوي الدالة jquery.each () على إعلان لدالة بداخلها وتزيد الموضع تلقائيا في متغير "index". يتم تخزين القيمة في متغير "item" الذي يمكن الوصول إليه مباشرة.
Disdefect: إذا كنت تستخدم الكلمة الرئيسية  < نمط الامتداد = "اللون: #cc0000;" >this داخل الكود ، تحتاج إلى ربطه بمتغير بحيث يمكنك استخدامه بدون الوظيفة ، لأن هذا يعني شيئا آخر داخل الوظيفة.

يمكنك فرض خروج حلقة $.each() في تكرار معين عن طريق إعادة إرجاع الوظيفة خطأ. إرجاع true يعادل العبارة المستمرة في حلقة for ، وسينتقل إلى التكرار التالي.

jQuery.each( صفيف ، وظيفة (i ، val) {
 alert( i +": " + val ); 
 
 // سيتوقف بعد عرض "ثلاثة" 
 إرجاع (val!== "ثلاثة") ؛ 
})؛ 
< / pre> التشغيل في وحدة التحكم يظهر هذا: 

< pre class = "prettyprint lang-javascript" >0: one
1: two
2: three< / pre>Resources: 
JavaScript For Loop< / a>
jQuery وثائق واجهة برمجة التطبيقات: نبسب؛ jQuery.each()
كيفية التكرار عبر الصفيف في jQuery?