تفكيك الـ Tuples (Destructuring)

جزء من قسم Introduction To TypeScript في رحلة JavaScript على Coddy — الدرس 17 من 73.

بينما يعمل الوصول إلى عناصر الـ tuple عن طريق الفهرس (index) بشكل مثالي، هناك طريقة أكثر أناقة لاستخراج القيم من الـ tuples: تفكيك البنية (destructuring). تعمل هذه الميزة في JavaScript بسلاسة مع الـ tuples المحددة النوع في TypeScript، مما يسمح لك بتفريغ قيم الـ tuple في متغيرات منفصلة في سطر واحد.

يستخدم تفكيك المصفوفة (Array destructuring) الأقواس المربعة على الجانب الأيسر من عملية التعيين لإنشاء متغيرات جديدة تتوافق مع كل موضع في الصف (tuple):

let userInfo: [number, string] = [42, "Alice"];
let [id, name] = userInfo;

console.log(id);   // 42 (تعرف TypeScript أن هذا رقم)
console.log(name); // "Alice" (تعرف TypeScript أن هذه سلسلة نصية)

اختبر نفسك

يتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.

اختبر نفسك

يتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.

اختبر نفسك

يتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.

التحدي

سهل

أنشئ صفًا (tuple) باسم employee يحتوي على رقم (معرف الموظف) يليه سلسلة نصية (اسم الموظف). قم بتهيئته بالمعرف 1001 والاسم "Sarah Johnson".

استخدم تفكيك البنية (destructuring) لاستخراج القيم من صف employee إلى متغيرين منفصلين باسم empId و empName.

أنشئ صفًا آخر باسم coordinates يحتوي على رقمين يمثلان إحداثيات خط العرض وخط الطول. قم بتهيئته بالقيم 40.7128 و -74.0060.

استخدم تفكيك البنية (destructuring) لاستخراج القيم من صف location إلى متغيرين منفصلين باسم latitude و longitude.

اطبع المتغيرات التي تم تفكيكها بالترتيب التالي، كل منها في سطر منفصل:

اطبع معرف الموظف
اطبع اسم الموظف
اطبع خط العرض
اطبع خط الطول

ورقة مرجعية

يتيح لك التفكيك (Destructuring) استخراج القيم من الصفوف (tuples) إلى متغيرات منفصلة في سطر واحد باستخدام الأقواس المربعة:

let userInfo: [number, string] = [42, "Alice"];
let [id, name] = userInfo;

console.log(id);   // 42 (تعرف TypeScript أن هذا رقم)
console.log(name); // "Alice" (تعرف TypeScript أن هذه سلسلة نصية)

تحافظ TypeScript على معلومات النوع لكل متغير تم تفكيكه بناءً على تعريف نوع الصف (tuple).

جرّب بنفسك

// TODO: اكتب كودك هنا
// "Sarah Johnson" والاسم 1001 بالمعرف employee قم بإنشاء صف
// empName و empId لاستخراج destructuring استخدم ميزة التفكيك
// (تجنب استخدام 'location' كاسم متغير) -74.0060 و 40.7128 بالقيم coordinates قم بإنشاء صف
// longitude و latitude لاستخراج destructuring استخدم ميزة التفكيك
// اطبع المتغيرات الأربعة جميعها بالترتيب المحدد

// (قم بإلغاء التعليق والتعديل حسب الحاجة) اطبع النتائج
// console.log(empId);
// console.log(empName);
// console.log(latitude);
// console.log(longitude);

اختبر نفسك

يتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.