انت مشغل الـ AdBlock !!
ياريت تقفله لوسمحت 😊 😊
تنبيه هام ✋
إذا كانت الإعلانات مزعجة بالنسبة لك، فيُمكنك التبرع ب50$ وسيتم إيقاف الإعلانات لمدة شهر لجميع زوار الموقع 🧡 ويُمكنك التواصل معنا عن طريق صفحة الفيس بوك
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 ويتم إنشاء array جديدة |
| map() | تقوم بتنفيذ كود معين على كل عنصر من عناصر الـ array ويتم إنشاء 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