1. الرئيسية
  2. مسارات التعلم
  3. تعلّم JavaScript من الصفر
  4. المصفوفات والكائنات في JavaScript
تعلّم JavaScript من الصفرالدرس 6 من 8

المصفوفات والكائنات في JavaScript

تعلم المصفوفات Arrays والكائنات Objects في جافاسكريبت: الإضافة والحذف والطول، ودوال map وfilter وfind وsort وreduce، والكائنات والخصائص، وقائمة كائنات، وJSON.

محتويات الدرس
  1. المصفوفات (Arrays)
  2. دوال المصفوفات القوية
  3. الكائنات (Objects)
  4. الكائن مع دالة
  5. قائمة كائنات: أكثر شكل ستراه
  6. JSON
  7. الأسئلة الشائعة
  8. الخلاصة

البيانات الحقيقية ليست قيمة واحدة: قائمة منتجات، ومستخدم له اسم وبريد وعمر. لهذا نحتاج المصفوفات والكائنات.

المصفوفات (Arrays)

قائمة مرتبة من القيم:

جرّب بنفسكعدّل الكود ثم اضغط تشغيل

دوال المصفوفات القوية

جرّب بنفسكعدّل الكود ثم اضغط تشغيل

الكائنات (Objects)

مجموعة مفاتيح وقيم تصف شيئًا واحدًا:

جرّب بنفسكعدّل الكود ثم اضغط تشغيل

الكائن مع دالة

جرّب بنفسكعدّل الكود ثم اضغط تشغيل

قائمة كائنات: أكثر شكل ستراه

جرّب بنفسكعدّل الكود ثم اضغط تشغيل

JSON

صيغة نصية لتبادل البيانات بين المواقع والخوادم، تشبه الكائنات تمامًا:

جرّب بنفسكعدّل الكود ثم اضغط تشغيل

الأسئلة الشائعة

كيف أنسخ مصفوفة دون التأثير على الأصل؟

const copy = [...arr]. وللكائنات const copy = { ...obj }.

لماذا const مع مصفوفة أستطيع تعديلها؟

const تمنع إسناد مصفوفة جديدة للمتغير، لكنها لا تمنع تعديل محتواها.

الخلاصة

  • المصفوفة قائمة مرتبة تبدأ من 0، وmap وfilter وfind وreduce أهم دوالها.
  • الكائن مفاتيح وقيم لوصف شيء واحد.
  • قائمة الكائنات وJSON هما شكل البيانات في أغلب التطبيقات.