JavaScript • المستوى الثاني • الدرس 3
العودة لفهرس المستوىالمصفوفات والتعامل مع القوائم (Arrays & Methods)
أهداف الدرس العلمية
- فهم مفهوم المصفوفات (Arrays) وتخزين قوائم البيانات في متغير واحد.
- الوصول لعناصر المصفوفة والتعديل عليها عبر الفهرس (Index) الصفري.
- استخدام ميثودز الإضافة والحذف الشهيرة (
push,pop,shift,unshift). - معرفة عدد عناصر القائمة باستخدام الخاصية
length.
1. ما هي المصفوفة وكيف نصل لعناصرها؟
تسمح لنا المصفوفات بتخزين عدة عناصر متتالية داخل الأقواس المربعة []. ويبدأ ترتيب عناصر المصفوفة دائماً من الرقم صفر (Zero-indexed):
javascript
let colors = ["أحمر", "أخضر", "أزرق"];
console.log(colors[0]); // يطبع: "أحمر" (العنصر الأول)
console.log(colors[2]); // يطبع: "أزرق" (العنصر الثالث)2. أهم الدوال المتعلقة بالمصفوفات (Array Methods)
تتيح لنا لغة جافاسكريبت دوالاً جاهزة للتعديل السريع على القوائم:
array.push("عنصر")إضافة عنصر جديد في نهاية المصفوفة.
array.pop()حذف العنصر الأخير من المصفوفة وإرجاعه.
array.lengthخاصية تعيد العدد الإجمالي للعناصر الموجودة بالقائمة.
التطبيق العملي المباشر
تحدي الدرس الثالث: إدارة قائمة المهام
قم بكتابة كود JavaScript داخل وسم <script> لتنفيذ الخطوات التالية:
- تعريف مصفوفة باسم
tasksتحتوي على عنصرين نصيين: "قراءة كتاب" و "الدراسة". - إضافة مهمة ثالثة باسم "الرياضة" لنهاية المصفوفة باستخدام
tasks.push("الرياضة");. - طباعة عدد العناصر الإجمالي في الكونسول باستعمال
console.log(tasks.length);.
محرر الأكواد — HTML
14px
جارٍ تهيئة البيئة...
المخرجات — المخرجات
الكونسول (Console)
13px
nahda@runner — html
0 lines
(لا يوجد إخراج)
HTMLLn 24, Col 1UTF-8Spaces: 2
510 chars