| النمط البرمجي | الشرح بالعربية |
|---|---|
| المصفوفة القياسية (Standard Array) | تخزين مجموعة متجانسة من العناصر من نفس النوع مع السماح بالتعديل والإضافة |
| المصفوفة المقيدة (Tuple) | تخزين عناصر محددة العدد بترتيب صارم وأنواع بيانات مختلفة لكل موقع |
| مصفوفة الحماية الثابتة (Readonly Array) | حماية القوائم الثابتة ومنع أي تعديل أو إضافة عناصر جديدة بعد التهيئة |
في أي تطبيق ويب حقيقي، نادراً ما نتعامل مع بيانات مفردة؛ فغالباً ما نستقبل قوائم تحتوي على عشرات أو مئات العناصر (مثل قائمة المنتجات، قائمة المستخدمين، أو رسائل الإشعارات). في لغة TypeScript وداخل بيئة تطوير Angular 22.1، يتم التعامل مع هذه القوائم من خلال المصفوفات (Arrays) والمصفوفات المحددة (Tuples) مع ضمان أن تكون الأنواع آمنة بالكامل ومحمية من الأخطاء.
يمكننا تعريف المصفوفة بإضافة الأقواس المربعة [] بعد نوع البيانات (وهي الطريقة الأكثر شيوعاً واحترافية)، مما يضمن أن أي عنصر تحاول إضافته خارج نوع البيانات المحدد سيتم رفضه فوراً من محرر الأكواد.
تعتبر ميزة متقدمة تتيح لك إنشاء مصفوفة بعدد عناصر ثابت وترتيب أنواع محدد بدقة. على سبيل المثال، لتمثيل بيانات مستخدم تتكون من (معرف رقمي + اسم نصي)، فإن Tuple هو الخيار الأمثل.
هنا نقوم بتعريف مصفوفة لأسماء الأقسام وكيفية إضافة عنصر جديد بأمان:
| 1 | // مصفوفة نصوص لتخزين الأقسام |
| 2 | let categories: string[] = ['إلكترونيات', 'ملابس', 'مفروشات']; |
| 3 | |
| 4 | // إضافة عنصر جديد بالطريقة الصحيحة |
| 5 | categories.push('أتباع الغذاء'); |
| 6 | |
| 7 | // خطأ برمجوي يكتشفه المحرر إذا حاولت إدخال رقم: |
| 8 | // categories.push(500); |
| 1 | // تعريف Tuple يتكون حصراً من رقم (ID) يليه نص (الاسم) |
| 2 | let employee: [number, string] = [101, 'محمد خالد']; |
| 3 | |
| 4 | // استخدام صحيح للبيانات |
| 5 | let empId: number = employee[0]; |
| 6 | let empName: string = employee[1]; |
| 7 | |
| 8 | // خطأ: لا يمكنك تبديل الأماكن أو إضافة أنواع خاطئة |
| 9 | // employee = ['محمد خالد', 101]; |