انت مشغل الـ AdBlock !!
يعنى انت مش مُنتسب فى القناة ولا مُشترك فى كورس يوديمى وكمان مشغل الأدبلوك فى الموقع !! 😢
JavaScript Array
الـ Array هى عبارة عن مكان يتم فيه تخزين مجموعة من الـ data التى لها صله ببعضها
وطبعاً مش محتاج افكرك الفرق بين ال index والـ length 😂
⚠ لإحضار عنصر من عناصر الـ Array نستخدم الـ [Square bracket notation]
مثال على لك :
const courses=[ "HTML", "CSS", "JavaScript" ]
courses[0] 👉 "HTML"
courses[1] 👉 "CSS"
courses[2] 👉 "JavaScript"
⚠ =تعنى إستبدال
⚠ =+ تعنى إضافة
| Properties & Methods | الشرح |
|---|---|
| length | معرفة عدد عناصر الـ array |
| indexOf() | معرفة مكان عنصر عنصر معين داخل الـ array العد يبدأ من صفر |
| forEach() | يتم استخادمها لتنفيذ مجموعة من الأكواد على كل عنصر من عناصر الــ array يتم استخدامها ايضاً مع querySelectorAll اختصارها fre |
| Array.from() | تُستخدم لتحويل مجموعة من العناصر الى Array وتم شرحها بالتفصيل فى الدرس رقم 14 فى الجافاسكريبت المستوى الأول |
| join() | لتحويل عناصر الـ array الى string كإفتراضى يتم فصل العناصر عن طريق الــ , ويُمكن تعديل ذلك عن طريق join(" - ") |
| concat() | join two or more arrays |
| pop() | تقوم بالحصول على العنصر الأخير من الـ array وحذفه من الــ array |
| push() | تُستخدم لإضافة عنصر جديد للـ array |
| reverse() | reverses the order of the elements in an array. |
| sort() | تقوم بترتيب الـ array أبجدياً واذا كانت الـ array عبارة عن أرقام فتقوم بالترتيب من الأصغر الى الأكبر بناءاً على أول رقم |
| splice() | تُستخدم لإضافة وحذف عناصر من الـ array |
| slice() | تُستخدم للحصول على مجموعة من العناصر من الــ array |
| includes() | includes=يتضمن=يحتوى على. تكون نتيجتها true أو false سيتم شرحها فى الدرس الثامن |
return function
لكى نقوم بشرح باقى الـ methods الخاصة بالـ array يجب ان نقوم بشرح الــ return عندما توجد داخل ال function
- بإختصار الـــ return تقوم بإستخراج قيمة من الــ function
- ويكون ناتج استدعاء الـ function هو القيمة
| Properties & Methods | الشرح |
|---|---|
| filter() | تقوم بفلتره الـ array بناءاً على كود تكون نتيجته true || false |
| map() | تقوم بتنفيذ كود معين على كل عنصر من عناصر الـ array |
| find() | الحصول على أول عنصر من الـ array بناءاً على كود تكون نتيجته true || false |
| reduce() | تقوم بتقليل الـ array التى تحتوى على عناصر كتيير الى قيمة واحدة فقط وغالباً تُستخدم للقيام بعمليات حسابية على الــ array |
⚠ فى جميع الـ method التى بالأعلى 👆 تظل الـ array الأصلية كما هى لا تتغير
⚠ يُمكن استخدام أكثر من method على نفس الــ array وهذا يُسمى chaining array methods وسيتم شرح هذه النقطة فى الفيديو الخاص بهذا الدرس
⚠ يُفضل وضع جميع الـ method التى بالأعلى 👆 داخل variable حتى يتم تخزين قيمة الـ callback function داخل الـ variable
مثال على ذلك :
const prices=[10, 20, 30]
const sale=prices. map(
(item)=> { return ... }
)
console.log(sale)هنا تجد جميع الـ Properties & Methods الخاصة بالـ Array
JS Array exercise JS Array Methods exercise JS Array Methods exercise 2