- كيفية إنشاء وظيفة الخريطة للكائنات في جافا سكريبت
- قم بإنشاء وظيفة الخريطة واعرض السمات
- إنشاء وظيفة الخريطة وتعيين القيم عبر map.set () في JavaScript
- طريقة Object.entries () في JavaScript
كيفية إنشاء وظيفة الخريطة للكائنات في جافا سكريبت؟
توفر JavaScript طريقة map () للكائنات التي تعمل مع زوج من المفاتيح والقيمة. إنه ذو قيمة لإجراء عمليات مختلفة على الكائنات من خلال استخدام القيم الأساسية. وهي تعمل بشكل مشابه لطريقة array.map () عن طريق التكرار فوق عناصر الكائن. من خلال النظر في وظيفة الخريطة للكائنات ، تتم كتابة الصيغة على النحو التالي.
بناء الجملة
خريطة ( وظيفة ( عنصر ، فهرس )
في هذا النحو ، فإن ملف وظيفة يتكرر على عنصر من خلال فهرس القيمة.
ملحوظة : ال خريطة() الطريقة لا تنشئ كائنًا جديدًا ولكنها تعدل الكائن الموجود من خلال قيم الفهرس.
مثال 1: إنشاء وظيفة الخريطة وعرض السمات
تم تكييف أحد الأمثلة لإنشاء دالة خريطة وتعيين قيم مختلفة للسمات. تقوم طريقة map () بتكرار جميع سمات الكائن. أخيرًا ، اعرض جميع السمات مع قيمها في نافذة وحدة التحكم. يتم ممارسة الكود التالي على النحو التالي:
شفرة
وحدة التحكم. سجل ( 'إنشاء وظيفة خريطة للكائنات' ) ؛دع Stud_Obj = {
'Math_Marks' : 80 و
'الإنجليزية_العلامات' : 77 و
'الفيزياء_العلامات' : 90 } ؛
هدف . مفاتيح ( Stud_Obj ) . خريطة ( وظيفة ( مفتاح القيمة ) {
} ) ؛
وحدة التحكم. سجل ( Stud_Obj ) ؛
في هذا الكود:
- يتم إنشاء كائن بالاسم 'Stud_Obj' ولها سمات مختلفة ، بما في ذلك 'Math_Marks' و 'English_Marks' و 'الفيزياء_العلامات'.
- تحتوي هذه السمات على مختلف '80 و 77 و 90' القيم المعينة بواسطة النقطتين.
- بعد ذلك، Object.keys يتم استخدامها لإرجاع سمات الكائن 'Stud_Obj'.
- الخريطة() استدعاءات الوظائف لجميع السمات الموجودة في الكائن من خلال أزواج المفتاح والقيمة.
- في النهاية ، فإن console.log () يتم استخدام طريقة لعرض الكائن 'Stud_Obj' في نافذة وحدة التحكم.
انتاج |
يُرجع الإخراج جميع السمات 'Math_Marks' و 'English_Marks' و 'الفيزياء_العلامات' مع القيم المخصصة لها في نافذة وحدة التحكم.
المثال 2: إنشاء دالة الخريطة وتعيين القيم
يتم استخدام مثال لإنشاء كائن خريطة جديد باستخدام الجديد كلمة رئيسية. بعد ذلك ، map.set () يتم استخدام الطرق لتعيين السمات في كود JavaScript.
شفرة
وحدة التحكم. سجل ( 'إنشاء وظيفة خريطة للكائنات' ) ؛دع الخريطة = الجديد خريطة ( ) ؛
خريطة. تعيين ( 'Harry_id' ، 04 ) ؛
خريطة. تعيين ( 'Peter_id' ، 08 ) ؛
خريطة. تعيين ( 'John_id' ، 07 ) ؛
اسمحوا obj_ids = مجموعة مصفوفة . من ( خريطة ) . خفض ( ( الكائنات ، [ مفتاح القيمة ] ) => (
هدف . تعيين ( الكائنات ، { [ مفتاح ] : القيمة } )
) و { } ) ؛
وحدة التحكم. سجل ( obj_ids ) ؛
شرح الكود كالتالي:
- أ خريطة يتم إنشاء الكائن بامتداد الجديد الكلمة الأساسية التي تتكرر على سمات الكائن.
- بعد ذلك ، map.set () يتم استخدام الطريقة عن طريق تعيين السمات 'Harry_id' و 'Peter_id' و “John_id”.
- هذه السمات لها قيم فريدة بما في ذلك '04' ، '08' ، و '07' على التوالى.
- علاوة على ذلك ، فإن Array.from () طريقة إرجاع الصفيف من خريطة هدف.
- بعد ذلك ، خفض() الطريقة تستدعي obj_ids ويستخرج جميع السمات بامتداد القيم .
- ال تعيين الكائن () طريقة تعيين القيمة المحددة لكل سمة من خلال مفاتيح .
- وأخيرا، فإن console.log () تقدم طريقة جميع سمات هدف بالمرور 'obj_ids' .
انتاج |
مثال 3: طريقة Object.entries () في JavaScript
يوفر JavaScript امتداد مدخلات الكائن () وإرجاع جميع سمات الكائن بناءً على مفتاح القيمة أزواج. من خلال النظر في مدخلات الكائن () الطريقة ، يتم كتابة الكود على النحو التالي.
شفرة
وحدة التحكم. سجل ( 'إنشاء وظيفة خريطة للكائنات' ) ؛مقدار ثابت الرياضة = {
أول : 'كريكيت' و
ثانيا : 'كرة القدم' و
الثالث : 'الهوكي' و
}
مقدار ثابت م = خريطة جديدة ( هدف . إدخالات ( الرياضة ) ) ؛
وحدة التحكم. سجل ( م ) ؛
وصف الكود كما يلي:
- أولا ، كائن 'sports_obj' تم إنشاؤه يحتوي على سمات مختلفة 'الثانية الأولى' و 'الثالث'.
- هذه السمات لها قيم مختلفة مثل 'لعبة الكريكيت كرة القدم' و 'الهوكي'.
- بعد ذلك ، مدخلات الكائن () طريقة يقبل الكائن 'sports_obj' ويعيد كل السمات ويخزنها في المتغير 'م'.
- وأخيرا، فإن console.log () يتم استخدام طريقة لعرض قائمة سمات الكائنات في نافذة وحدة التحكم.
انتاج |
يظهر الناتج عدد السمات كـ '3' ويعرض جميع السمات مع القيم في نافذة وحدة التحكم.
استنتاج
يوفر JavaScript ملف خريطة() طريقة لإنشاء وظيفة الخريطة للتفاعل مع خصائص الكائنات. إنه يتكرر على جميع سمات الكائنات من خلال استخدام القيم الأساسية. بالإضافة إلى ذلك ، فإن map.set () يتم استخدام الطرق لتعيين سمات الكائنات. وعلاوة على ذلك، فإن مدخلات الكائن () تقوم الطريقة بإرجاع جميع سمات الكائن بعد إنشاء وظيفة الخريطة في JavaScript. توضح هذه المقالة إنشاء دالة الخريطة للكائنات وتعرض كافة سمات الكائنات في إطار وحدة التحكم.