تم إنشاء c4a.dev لمساعدتك على التركيز أثناء مُشاهدة الكورسات والإبتعاد عن إزعاج اليوتيوب
كيفية الشراء من الموقع

منطقة إعلانية

يُمكننا وضع إعلانك هنا 🧡 ويُمكنك التواصل معنا عن طريق صفحة الفيس بوك

سعر الإعلان 3$ فى اليوم الواحد

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 الخاصة بالــ Array
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 الخاصة بالــ Array
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

😡
انت مشغل الـ AdBlock !!

خلى بالك يامعلم ✋ انا هكر جامد جداً وعرفت انك مشغل ال AdBlock ف ياريت تقفله بدل ما اولع فى ام الجهاز بتاعك ده 😡 😡