مصفوفات الـ Generic
جزء من قسم مقدمة إلى TypeScript في رحلة JavaScript على Coddy. الدرس 60 من 73.
تعمل arrays والأنواع العامة معًا بشكل رائع في TypeScript. عندما تعلّمت عن arrays المعرّفة بأنواع سابقًا، استخدمت صياغة T[] لتحديد أن array يمكن أن تحتوي فقط على عناصر من نوع محدد. تمنحك الأنواع العامة طريقة أخرى للتعبير عن هذا المفهوم نفسه.
يوفّر TypeScript صياغة بديلة للمصفوفات ذات الأنواع باستخدام تنسيق Array<T>:
// هذان التصريحان متكافئان:
let numbers1: number[] = [1, 2, 3];
let numbers2: Array<number> = [1, 2, 3];تُعد صياغة Array<T> مفيدة بشكل خاص عند العمل مع generic function التي تعمل على arrays. فهي تجعل الطبيعة generic للكود أكثر وضوحًا وقابلية للقراءة، لا سيما عند إنشاء function يمكنها العمل مع arrays من أي نوع مع الحفاظ على أمان الأنواع.
التحدي
سهلأنشئ دالة عامة باسم getFirstElement تأخذ مصفوفة من أي نوع وتُرجع العنصر الأول أو undefined إذا كانت المصفوفة فارغة.
يجب أن تقوم الدالة بـ:
- استخدام معامل نوع عام
T - قبول معامل واحد باسم
arrمن النوعArray<T> - إرجاع العنصر الأول من النوع
Tأوundefined - امتلاك تعليق نوع إرجاع صريح من
T | undefined
أنشئ المصفوفات التالية باستخدام صيغة Array<T>:
stringArrayمن النوعArray<string>تحتوي على["apple", "banana", "cherry"]numberArrayمن النوعArray<number>تحتوي على[10, 20, 30, 40]booleanArrayمن النوعArray<boolean>تحتوي على[true, false, true]emptyStringArrayمن النوعArray<string>وهي فارغة
اختبر دالتك واطبع المخرجات التالية:
- اطبع نتيجة استدعاء
getFirstElementمعstringArray - اطبع نتيجة استدعاء
getFirstElementمعnumberArray - اطبع نتيجة استدعاء
getFirstElementمعbooleanArray - اطبع نتيجة استدعاء
getFirstElementمعemptyStringArray - اطبع نتيجة استدعاء
getFirstElementمعArray<string>جديدة تحتوي على["single"]
جرّب بنفسك
// TODO: اكتب الكود الخاص بك هنا
// أنشئ الدالة العامة getFirstElement
// أنشئ المصفوفات المطلوبة باستخدام صيغة Array<T>
// اختبر الدالة واطبع النتائج
اختبر نفسكيتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.
جميع دروس مقدمة إلى 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) إلى الواجهاتملخص: تحديد هياكل الكائنات9Generics: نظرة أولى
المشكلة التي تحلها الـ Genericsإنشاء دالة Generic Identityاستخدام دالة Genericمصفوفات الـ Genericواجهات الـ Genericملخص: تدريب على الدوال العامةتدرّب بنفسك: مترجم JavaScript عبر الإنترنت