كيفية تحويل قيم الخريطة إلى مصفوفة في JavaScript

Kyfyt Thwyl Qym Alkhrytt Aly Msfwft Fy Javascript



يتم تقديم خرائط JavaScript في ES6. يقوم بتخزين أزواج مفتاح القيمة في قائمة مرتبة. يمكن أن يكون استخدام الخرائط مفيدًا للغاية في تخزين أزواج القيم الأساسية مثل المعرفات وأسماء المستخدمين. علاوة على ذلك ، توفر JavaScript طريقتين لكيفية التكرار لاسترداد قيم الخريطة لأن كائنات خريطة JavaScript قابلة للتكرار.

سيصف هذا البرنامج التعليمي الإجراء الخاص بتحويل قيم الخريطة إلى مصفوفة.

كيفية تحويل / تحويل قيم الخريطة إلى مصفوفة باستخدام JavaScript؟

لتحويل قيم الخريطة إلى مصفوفة ، استخدم الطرق الموضحة أدناه:







  • طريقة Array.from ()
  • عامل الانتشار

الطريقة 1: تحويل قيم الخريطة إلى صفيف باستخدام أسلوب Array.from ()

لتحويل قيم الخريطة إلى مصفوفة ، استخدم ' map.values ​​() 'مع' Array.from () ' طريقة. تُستخدم طريقة map.values ​​() للحصول على قيم الخريطة وتحول طريقة Array.from () هذه القيم إلى مصفوفة.



بناء الجملة
اتبع بناء الجملة المحدد لتحويل قيم الخريطة إلى مصفوفة:



مجموعة مصفوفة . من ( خريطة. القيم ( ) )

مثال
قم بإنشاء كائن خريطة جديد باستخدام مُنشئ الخريطة ():





كنت خريطة = الجديد خريطة ( ) ؛

قم بتعيين الإدخالات في زوج قيم مفتاح في الخريطة باستخدام ' تعيين() ' طريقة:

خريطة. تعيين ( '1' و 'اسم' ) ؛
خريطة. تعيين ( 'اثنين' و 'سن' ) ؛
خريطة. تعيين ( '3' و 'البريد الإلكتروني' ) ؛
خريطة. تعيين ( '4' و 'اتصال#' ) ؛

اتصل ب ' القيم() 'في' Array.from () 'للحصول على قيم الخريطة وتحويلها إلى مصفوفة وتخزينها في متغير' mapValues ':



كنت mapValues = مجموعة مصفوفة . من ( خريطة. القيم ( ) ) ؛

أخيرًا ، اطبع قيم الخريطة في مصفوفة على وحدة التحكم:

وحدة التحكم. سجل ( mapValues ) ؛

يشير الإخراج إلى أن قيم الخريطة قد تم تحويلها بنجاح إلى مصفوفة:

الطريقة 2: تحويل قيم الخريطة إلى مصفوفة باستخدام عامل الانتشار

هناك طريقة أخرى لتحويل قيم الخريطة إلى مصفوفة وهي استخدام ' انتشار المشغل ' مع ال ' map.values ​​() ' طريقة. تحصل طريقة map.values ​​() أولاً على قيم الخريطة ، وسيقوم عامل الانتشار بنسخ جميع قيم الخريطة في مصفوفة.

بناء الجملة
استخدم الصيغة المتوفرة أدناه لتحويل قيم الخريطة إلى مصفوفة باستخدام عامل الانتشار:

[ ... خريطة . القيم ( ) ]

مثال
اتصل ب ' map.values ​​() 'مع' انتشار المشغل 'التي ستحول قيم الخريطة إلى مصفوفة:

كنت mapValues = [ ... خريطة . القيم ( ) ] ؛

انتاج |

نصيحة إضافية

إذا كنت تريد تحويل المفاتيح أو جميع إدخالات الخريطة إلى مصفوفة ، فاتبع القسم أدناه.

تحويل مفاتيح الخريطة إلى مصفوفة باستخدام طريقة Array.from ()

لتحويل مفاتيح الخريطة وجميع الإدخالات (أزواج المفتاح والقيمة) للخريطة إلى مصفوفة ، استخدم ' map.Keys () 'و' مداخل الخريطة () 'مع' Array.from () ' طريقة. تحصل طريقة map.Keys () على مفاتيح الخريطة ويتم استخدام طريقة map.entries () لاسترداد إدخالات الخريطة في زوج من المفاتيح والقيمة.

مثال
لتحويل مفاتيح الخريطة ، اتصل بـ ' map.Keys () 'في' Array.from () ' طريقة:

مقدار ثابت مفاتيح = مجموعة مصفوفة . من ( خريطة. مفاتيح ( ) ) ؛

قم باستدعاء طريقة map.entries () كوسيطة في طريقة Array.from () لتحويل جميع إدخالات الخريطة إلى مصفوفة:

مقدار ثابت إدخالات = مجموعة مصفوفة . من ( خريطة. إدخالات ( ) ) ؛

يُظهر الإخراج أن مفاتيح وإدخالات الخريطة قد تم تحويلها بنجاح إلى مصفوفة:

تحويل مفاتيح الخريطة إلى مصفوفة باستخدام طريقة عامل الانتشار

دعونا نرى طريقة تحويل مفاتيح الخريطة وجميع إدخالات الخريطة إلى مصفوفة ، باستخدام ' انتشار المشغل '.

مثال
اتصل ب ' map.Keys () ”مع عامل الانتشار وتخزين المصفوفة الناتجة في mapKeys المتغيرة:

كنت مفاتيح الخريطة = [ ... خريطة . مفاتيح ( ) ] ؛

لتحويل إدخالات الخريطة في مصفوفة باستخدام ' مداخل الخريطة () 'مع عامل الانتشار:

مقدار ثابت إدخالات الخريطة = [ ... خريطة . إدخالات ( ) ] ؛

انتاج |

قمنا بتجميع جميع المعلومات الضرورية المتعلقة بتحويل قيم الخريطة إلى مصفوفة وأيضًا تعيين المفاتيح والمدخلات في مصفوفة باستخدام JavaScript.

استنتاج

لتحويل قيم الخريطة إلى مصفوفة ، استخدم ' map.values ​​() 'مع' Array.from () 'أو' انتشار المشغل '. يتم استخدام طريقة map.values ​​() للحصول على قيم الخريطة وتحول طريقة Array.from () هذه القيم إلى مصفوفة بينما ينسخ عامل الانتشار جميع قيم الخريطة إلى مصفوفة. يصف هذا البرنامج التعليمي الإجراء الخاص بتحويل قيم الخريطة إلى مصفوفة.