ملخص: المصفوفات و Tuples
جزء من قسم مقدمة إلى TypeScript في رحلة JavaScript على Coddy. الدرس 21 من 73.
التحدي
سهلقم بإنشاء دالة باسم addToShoppingList تأخذ معاملين: صف (tuple) من النوع [string, number] يمثل عنصراً (الاسم والكمية)، ومصفوفة من السلاسل النصية (strings) تمثل قائمة التسوق الحالية.
يجب أن تقوم الدالة باستخراج اسم العنصر من الصف وإضافته إلى مصفوفة قائمة التسوق. يجب أن تعيد الدالة قائمة التسوق المحدثة كمصفوفة جديدة (دون تعديل المصفوفة الأصلية).
اختبر دالتك باستخدام البيانات التالية:
- قم بإنشاء صف (tuple) باسم
groceryItemبالقيم"apples"و5 - قم بإنشاء مصفوفة باسم
currentListبالقيم["bread", "milk", "eggs"] - استدعِ دالتك باستخدام هذه المعاملات وقم بتخزين النتيجة في متغير باسم
updatedList
اطبع قائمة التسوق المحدثة في وحدة التحكم (console).
ثم اختبر الدالة مرة أخرى باستخدام:
- قم بإنشاء صف (tuple) آخر باسم
bakeryItemبالقيم"cookies"و2 - استدعِ دالتك باستخدام
updatedListمن الخطوة السابقة وbakeryItemالجديد - قم بتخزين هذه النتيجة في متغير باسم
finalList
اطبع قائمة التسوق النهائية في وحدة التحكم (console).
جرّب بنفسك
// TODO: اكتب كودك هنا
// أنشئ دالة addToShoppingList التي تأخذ tuple ومصفوفة كمعاملات
// بيانات الاختبار
const groceryItem: [string, number] = ["apples", 5];
const currentList: string[] = ["bread", "milk", "eggs"];
// TODO: استدعِ دالتك وقم بتخزين النتيجة في updatedList
// TODO: اطبع قائمة التسوق المحدثة
// الاختبار الثاني
const bakeryItem: [string, number] = ["cookies", 2];
// TODO: استدعِ دالتك مرة أخرى باستخدام updatedList و bakeryItem، وقم بتخزينها في finalList
// TODO: اطبع قائمة التسوق النهائيةجميع دروس مقدمة إلى TypeScript
1البداية مع TS
ما هي TypeScript؟لماذا نستخدم TypeScript؟أول كود TypeScript لكعملية الـ Compilation والأخطاءملخص: مقدمة في TS4التعامل مع الدوال
تحديد أنواع المعاملات وقيم الإرجاعتحديد أنواع Arrow Functionsنوع الإرجاع 'void'المعاملات الاختيارية باستخدام '?'القيم الافتراضية للمعاملاتتحديد أنواع Rest Parametersتعريف أنواع الدوالملخص: بناء دوال محددة الأنواع
2الأنواع الأساسية
الأنواع الأساسية: str, num, booleanالنوع 'any': مخرج الهروبالنوع 'unknown'التعامل مع 'null' و 'undef'استنتاج الأنواع في التطبيق العمليتوضيحات الأنواع الصريحةمراجعة: تدريب على الأنواع الأساسية5الأنواع: الأسماء المستعارة، الاتحادات والتقاطعات
الأسماء المستعارة للأنواع الأساسية (Primitives)أنواع الاتحاد ('|')التعامل مع أنواع الاتحادالأنواع الحرفية (Literal Types)أنواع التقاطع ('&')دمج الأسماء المستعارة للأنواعملخص: تركيبات الأنواع المتقدمة3هياكل البيانات: المصفوفات و Tuple
المصفوفات محددة النوع (Typed Arrays)معدل 'readonly' للمصفوفاتما هو الـ Tuple؟تعريف والوصول إلى الـ Tuplesتفكيك الـ Tuples (Destructuring)الـ Tuples للقراءة فقط (Readonly)المصفوفات محددة النوع متعددة الأبعاداستخدام Spread Operator مع المصفوفاتملخص: المصفوفات و Tuples6تحديد أنواع الكائنات والواجهات
توصيف أنواع الكائنات المضمنة (Inline)الأسماء المستعارة للأنواع (Type Aliases) للكائناتمقدمة عن الواجهات (Interfaces)الواجهات (Interfaces) مقابل الأسماء المستعارة للأنواع (Type Aliases)الخصائص الاختيارية وخصائص القراءة فقط (Readonly)توسيع الواجهات والأنواعإضافة الدوال (Methods) إلى الواجهاتملخص: تحديد هياكل الكائناتتدرّب بنفسك: Playground لـ TypeScript