ياريت تقفله لوسمحت 😊 😊
تنبيه هام ✋
إذا كانت الإعلانات مزعجة بالنسبة لك، فيُمكنك التبرع ب50$ وسيتم إيقاف الإعلانات لمدة شهر لجميع زوار الموقع 🧡 ويُمكنك التواصل معنا عن طريق صفحة الفيس بوك
⚠ تم إنشاء c4a.dev لمساعدتك على التركيز أثناء مُشاهدة الكورسات والإبتعاد عن إزعاج اليوتيوب
كيفية الشراء من الموقع
منطقة إعلانية
يُمكننا وضع إعلانك هنا 🧡 ويُمكنك التواصل معنا عن طريق صفحة الفيس بوك
سعر الإعلان 50$ فى الشهر
الـ 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 سيتم شرحها فى الدرس الثامن |
لكى نقوم بشرح باقى الـ 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
ياريت تقفله لوسمحت 😊 😊
تنبيه هام ✋
إذا كانت الإعلانات مزعجة بالنسبة لك، فيُمكنك التبرع ب50$ وسيتم إيقاف الإعلانات لمدة شهر لجميع زوار الموقع 🧡 ويُمكنك التواصل معنا عن طريق صفحة الفيس بوك