المصفوفات وtuples

مرحبًا بكم في الدرس التالي! سنستكشف في هذا الدرس كيفية التعامل مع المصفوفات وtuples في TypeScript. تتيح لكم هذه البنى تخزين قيم متعددة بطريقة منظمة. لنبدأ!

ما المصفوفات؟

المصفوفة array مجموعة من العناصر المخزنة في متغير واحد. في TypeScript، يمكنكم تحديد نوع العناصر في المصفوفة. مثال:

مهمة: أنشئوا مصفوفة تضم أعدادكم المفضلة واطبعوها في وحدة التحكم.

let numbers: number[] = [1, 2, 3, 4, 5];
let names: string[] = ["Alice", "Bob", "Charlie"];
console.log(numbers);
console.log(names);

الوصول إلى عناصر المصفوفة

يمكنكم الوصول إلى عناصر المصفوفة باستخدام الفهرس الخاص بكل منها. تذكّروا أن فهارس المصفوفات تبدأ من 0:

مهمة: جرّبوا الوصول إلى عناصر مختلفة في مصفوفة واطبعوها في وحدة التحكم.

let colors: string[] = ["red", "blue", "green"];
console.log(colors[0]); // Output: "red"
console.log(colors[2]); // Output: "green"

أساليب المصفوفات الشائعة

تتضمن مصفوفات TypeScript العديد من الأساليب المفيدة. إليكم بعض الأمثلة:

• push: يضيف عنصرًا إلى نهاية المصفوفة.
• pop: يزيل آخر عنصر من المصفوفة.
• length: يعيد عدد العناصر في المصفوفة.

مثال:

مهمة: جرّبوا استخدام أساليب المصفوفات مثل push وpop.

let fruits: string[] = ["apple", "banana"];
fruits.push("cherry"); // Add "cherry"
console.log(fruits); // Output: ["apple", "banana", "cherry"]

fruits.pop(); // Remove "cherry"
console.log(fruits); // Output: ["apple", "banana"]

console.log(fruits.length); // Output: 2

ما tuples؟

الـ tuple مصفوفة ثابتة الطول، ويمكن أن يكون لكل عنصر فيها نوع مختلف. تُستخدم tuples لتجميع بيانات مترابطة من أنواع مختلفة. مثال:

مهمة: أنشئوا tuple لتمثيل طالب يتضمن اسمًا وعمرًا.

let person: [string, number] = ["Alice", 30];
console.log(person[0]); // Output: "Alice"
console.log(person[1]); // Output: 30

التعامل مع tuples

مثل المصفوفات، تدعم tuples الفهرسة والأساليب. إلا أن بنيتها ثابتة، ولا يمكنكم إضافة عناصر إضافية إليها من دون تعديل نوع tuple. مثال:

مهمة: عرّفوا tuple لنقطة في فضاء ثنائي الأبعاد واطبعوا قيمها.

let coordinates: [number, number] = [10, 20];
console.log(`X: ${coordinates[0]}, Y: ${coordinates[1]}`);

// Attempting to add an extra element will result in an error
// coordinates.push(30); // Error: Tuple type '[number, number]' of fixed length 2

استخدام مصفوفات من tuples

يمكنكم إنشاء مصفوفة من tuples لتخزين عدة إدخالات مترابطة من البيانات. مثال:

مهمة: أنشئوا مصفوفة من tuples لتخزين أسماء أصدقائكم وأعمارهم.

let students: [string, number][] = [
  ["Alice", 30],
  ["Bob", 25],
  ["Charlie", 35],
];

console.log(students[0]); // Output: ["Alice", 30]
console.log(students[1][1]); // Output: 25

الأخطاء الشائعة

فيما يلي بعض الأخطاء الشائعة عند التعامل مع المصفوفات وtuples:

• الوصول إلى عناصر خارج حدود المصفوفة، مما ينتج عنه undefined.
• استخدام نوع بيانات غير صحيح في المصفوفات أو tuples، مما يسبب أخطاءً في TypeScript.
• محاولة تغيير بنية tuple من دون تحديث نوعها.

نصيحة: حدّدوا الأنواع دائمًا بشكل صريح لتجنب السلوك غير المتوقع!

أحسنتم!

تهانينا! لقد تعلمتم كيفية استخدام المصفوفات والصفوف في TypeScript لتخزين مجموعات البيانات وإدارتها. وهذه أدوات أساسية للتعامل مع المعلومات المنظَّمة في برامجكم. في الدرس التالي، سنستكشف أنواع الاتحاد وأنواع التقاطع للتعامل مع سيناريوهات أكثر تعقيدًا. واصلوا البرمجة!