انتقل إلى محتوى الدرس

Array Destructuring and Skipping تفكيك المصفوفات وتخطي العناصر

أتقن تفكيك المصفوفات والكائنات Destructuring في JavaScript ES6: استخرج العناصر وتخطَّ الخانات وبدّل المتغيرات وأعد التسمية مع القيم الافتراضية ومعاملات الدوال.
3 صفوف تعليمية
جافا سكريبت
7 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

يعتمد تفكيك المصفوفات على ترتيب الفهرس والموقع (0, 1, 2...) بمرونة عالية:

  • الاستخراج المباشر بالترتيب: السطر const [lat, lng] = [24.71, 46.67]; يسند العنصر الأول لـ lat والثاني لـ lng.
  • تخطي المواقع غير المطلوبة: اترك خانة فارغة متبوعة بفاصلة مثل const [first, , third] = medals; لتجاوز العنصر الأوسط مباشرةً!
  • تبديل قيم متغيرين بدون متغير وسيط: اكتب [left, right] = [right, left]; لتبادل القيمتين في خطوة واحدة نظيفة.
الصف 2 كود برمجي
JavaScript
const podium = ['Sara', 'Omar', 'Lina'];
const [gold, , bronze] = podium;
let primary = 'Light';
let secondary = 'Dark';
[primary, secondary] = [secondary, primary];
document.getElementById('arr-d-out').textContent =
  '1st: ' + gold + ', 3rd: ' + bronze + '\n' +
  'Swapped: ' + primary + ' / ' + secondary;
الصف 3 ملاحظة هامة