0Pricing
JavaScript Academy · درس

عمليات CRUD على المصفوفات والتكرار؛ أساسيات الكائنات والوصول إليها

إجراء CRUD والتكرار على المصفوفات؛ والقيم الكائنية الحرفية والوصول إلى الخصائص باستخدام النقطة أو الأقواس أو optional chaining

عمليات CRUD على المصفوفات والتكرار؛ أساسيات الكائنات والوصول إليها درس مجاني في JavaScript Academy على CoddyKit. هذا هو الدرس 1 من أصل 2. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في JavaScript Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة JavaScript Academy 2 دروس في المجموع.

مقدمة

الهدف: تعاملوا مع المصفوفات والكائنات باستخدام أنماط بسيطة وآمنة.

  • عمليات CRUD على المصفوفات
  • التكرار على القيم
  • الوصول إلى الكائنات
عمليات CRUD على المصفوفات والتكرار؛ أساسيات الكائنات والوصول إليها — رسم توضيحي 1

أساسيات CRUD على المصفوفات

استخدموا push/unshift للإضافة، وpop/shift للحذف. اجعلوا المخرجات قصيرة لتناسب الهاتف.

// Make an array
const colors = ["red", "green"];

// Add to end
colors.push("blue");

// Add to start
colors.unshift("pink");

// Remove from end
const last = colors.pop();

// Remove from start
const first = colors.shift();

console.log("Colors now:", colors);
console.log("Removed:", first, last);
عمليات CRUD على المصفوفات والتكرار؛ أساسيات الكائنات والوصول إليها — رسم توضيحي 2

الفهرس والطول

استخدموا الوصول عبر الفهرس وlength للقراءات البسيطة.

// Read by index and use length
const nums = [10, 20, 30];

console.log("First:", nums[0]);
console.log("Last:", nums[nums.length - 1]);
console.log("Count:", nums.length);
عمليات CRUD على المصفوفات والتكرار؛ أساسيات الكائنات والوصول إليها — رسم توضيحي 3

التكرار على المصفوفات

يعيد for…of القيم مباشرةً، بينما يستدعي forEach دالة لكل قيمة.

// Iterate values with for…of
const fruits = ["apple", "banana", "cherry"];

for (const value of fruits) {
  console.log("of:", value);
}

// Or use forEach with a small callback
fruits.forEach(function (v) {
  console.log("each:", v);
});
عمليات CRUD على المصفوفات والتكرار؛ أساسيات الكائنات والوصول إليها — رسم توضيحي 4

الكائنات الحرفية والوصول إليها

تخزّن الكائنات أزواجًا من المفتاح والقيمة. استخدموا الوصول عبر النقطة أو الأقواس.

// Create an object with properties
const user = {
  name: "Ayla",
  level: 1,
  active: true
};

// Dot access
console.log("Name:", user.name);

// Bracket access (useful for dynamic keys)
const key = "level";
console.log("Level:", user[key]);
عمليات CRUD على المصفوفات والتكرار؛ أساسيات الكائنات والوصول إليها — رسم توضيحي 5

السلسلة الاختيارية وspread

يتجنب ?. الأخطاء عند فقدان جزء من المسار. استخدموا ... spread لاستنساخ الكائنات ودمجها، بحيث تتجاوز المفاتيح اللاحقة المفاتيح السابقة.

// Optional chaining: safely read nested values
const profile = { contact: { email: "ayla@example.com" } };
console.log("Email:", profile.contact?.email);
console.log("Twitter:", profile.social?.twitter);

// Clone and merge with spread
const base = { a: 1, b: 2 };
const extra = { b: 9, c: 3 };

const clone = { ...base };
const merged = { ...base, ...extra };

console.log("Clone:", clone);
console.log("Merged:", merged);
عمليات CRUD على المصفوفات والتكرار؛ أساسيات الكائنات والوصول إليها — رسم توضيحي 6

اختبار أساليب المصفوفات

تحقق سريع: الإضافة إلى نهاية مصفوفة.

عمليات CRUD على المصفوفات والتكرار؛ أساسيات الكائنات والوصول إليها — رسم توضيحي 7

مراجعة

مراجعة: تدرّبتم على عمليات CRUD في المصفوفات، وكرّرتم باستخدام for…of وforEach، ووصلتم إلى خصائص الكائنات، واستخدمتم السلسلة الاختيارية، واستنسختم ودمجتم باستخدام spread.

عمليات CRUD على المصفوفات والتكرار؛ أساسيات الكائنات والوصول إليها — رسم توضيحي 8

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

هل درس «عمليات CRUD على المصفوفات والتكرار؛ أساسيات الكائنات والوصول إليها» مجاني؟

نعم — نص درس «عمليات CRUD على المصفوفات والتكرار؛ أساسيات الكائنات والوصول إليها» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة JavaScript Academy، انتقل إلى CoddyKit PRO. تتضمن دورة JavaScript Academy 2 دروس في المجموع.

ماذا ستتعلم في «عمليات CRUD على المصفوفات والتكرار؛ أساسيات الكائنات والوصول إليها»؟

إجراء CRUD والتكرار على المصفوفات؛ والقيم الكائنية الحرفية والوصول إلى الخصائص باستخدام النقطة أو الأقواس أو optional chaining تتمرن على JavaScript Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.

هل أحتاج إلى خبرة سابقة لأبدأ JavaScript Academy؟

لا تُشترط خبرة سابقة. JavaScript Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 1 من أصل 2.

كم من الوقت يستغرق درس «عمليات CRUD على المصفوفات والتكرار؛ أساسيات الكائنات والوصول إليها»؟

معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.

هل يمكنني كتابة وتشغيل أكواد في درس JavaScript Academy هذا؟

نعم. كل درس في JavaScript Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.

جميع الدروس في هذه الدورة

  1. عمليات CRUD على المصفوفات والتكرار؛ أساسيات الكائنات والوصول إليها
  2. الاستنساخ والدمج — spread وObject.assign
← العودة إلى JavaScript Academy