Sass Harita Fonksiyonları

Sass Harita Fonksiyonları

Sass'ta, harita (değişken) veri türü, bir veya daha fazla anahtar/değer çiftini temsil eder.

İpucu:Ayrıca, bir önceki sayfadaki List fonksiyonunu harita ile birlikte kullanabilirsiniz. Bu durumda harita, iki elemanlı bir liste olarak görülür.

Sass haritaları değişmezdir (onları değiştiremezler). Bu yüzden, harita döndüren fonksiyonlar, orijinal haritayı değiştirmeksizin yeni bir harita döndürür.

Aşağıdaki tablo, Sass'taki tüm harita fonksiyonlarını içerir:

Fonksiyon Açıklama & Örnek
map-get(map, anahtar)

Harita içinde belirtilen anahtarın değerini döndürür.

Örnek:

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

Sonuç: 12px
map-has-key(map, anahtar)

Harita, belirtilen anahtarı içeriyor mu kontrol eder. True veya false döndürür.

Örnek:

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

Sonuç: false
map-keys(map)

Harita içindeki tüm anahtarların listesini döndürür.

Örnek:

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

Sonuç: \"small\", \"normal, \"large\"
map-merge(map1, map2)

eklenmiş map2 eklenmiş map1 sonu.

Örnek:

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

Sonuç:
"small": 12px, "normal": 18px, "large": 24px,
"x-large": 30px, "xx-large": 36px
map-remove(map, keys...)

Belirtilen anahtarı haritadan siler.

Örnek:

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

Sonuç: ("normal": 18px, "large": 24px)

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

Sonuç: ("normal": 18px)
map-values(map)

Haritadaki tüm değerlerin listesini döndürür.

Örnek:

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

Sonuç: 12px, 18px, 24px