وظائف الخرائط Sass

وظائف الخرائط Sass

في Sass، نوع البيانات map (الخريطة) يمثل أو أكثر من زوج مفتاح/قيمة.

نصيحة:يمكن أيضًا استخدام وظائف القائمة من الصفحة السابقة مع الخريطة. ثم سيتم اعتبار الخريطة كقائمة تحتوي على عنصرين.

الخرائط Sass غير قابلة للتغيير (لا يمكن تغييرها). لذلك، فإن وظائف العودة بالخريطة ستعود بخريطة جديدة وليس بخريطة الأصلية.

الجدول أدناه يبين جميع وظائف الخرائط في Sass:

الوظيفة الوصف والنموذج
map-get(map, المفتاح)

تقديم القيمة المحددة للمفتاح في الخريطة.

مثال:

$font-sizes: ("small": 12px, "normal": 18px, "large": 24px)
map-get($font-sizes, \"small\")

النتيجة: 12px
map-has-key(map, المفتاح)

تحقق مما إذا كانت الخريطة تحتوي على المفتاح المحدد. العودة إلى true أو false.

مثال:

$font-sizes: ("small": 12px, "normal": 18px, "large": 24px)
map-has-key($font-sizes, \"big\")

النتيجة: false
map-keys(map)

تقديم قائمة بكافة المفاتيح في الخريطة.

مثال:

$font-sizes: ("small": 12px, "normal": 18px, "large": 24px)
map-keys($font-sizes)

النتيجة: \"small\", \"normal\", \"large\"
map-merge(map1, map2)

ستكون map2 مضيف إلى map1 النهاية.

مثال:

$font-sizes: ("small": 12px, "normal": 18px, "large": 24px)
$font-sizes2: (\"x-large\": 30px, \"xx-large\": 36px)
map-merge($font-sizes, $font-sizes2)

النتيجة:
"small": 12px, "normal": 18px, "large": 24px,
"x-large": 30px, "xx-large": 36px
map-remove(map, keys...)

إزالة المفتاح المحدد من الخريطة.

مثال:

$font-sizes: ("small": 12px, "normal": 18px, "large": 24px)
map-remove($font-sizes, "small")

النتيجة: ("normal": 18px, "large": 24px)

map-remove($font-sizes, "small", "large")

النتيجة: ("normal": 18px)
map-values(map)

يعيد قائمة بجميع القيم في الخريطة.

مثال:

$font-sizes: ("small": 12px, "normal": 18px, "large": 24px)
map-values($font-sizes)

النتيجة: 12px, 18px, 24px