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

Object Destructuring and Renaming تفكيك الكائن وإعادة التسمية

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

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

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

بخلاف المصفوفات، يطابق تفكيك الكائنات الخصائص باسم المفتاح الحرفي بغض النظر عن ترتيب كتابتها داخل { }! وإذا أردت منح الخاصية اسماً محلياً مختلفاً لمنع التضارب، اكتب المفتاح الأصلي متبوعاً بنقطتين رأسيتين ثم الاسم الجديد { sourceKey: newLocalName }:

نمط الصياغةآلية المطابقةالمتغيرات المحلية المنشأة
const [a, b] = pair;الفهرس 0 والفهرس 1a وb
const { title, views } = post;اسم الخاصية في الكائنtitle وviews
const { title: postTitle } = post;الخاصية post.titlepostTitle فقط (ولا يُعرّف متغير باسم title)
الصف 2 معاينة حية