Sass map funktioner

Sass map funktioner

I Sass repræsenterer map (mapper) datatypen en eller flere nøgle/værdipar.

tip:Man kan også bruge List-funktionerne fra sidste side sammen med mapper. Herefter betragtes mappen som en liste med to elementer.

Sass-mapper er uændelige (de kan ikke ændres). Derfor returnerer mappingsfunktioner en ny map uden at ændre den oprindelige map.

nedenstående tabel viser alle mappingsfunktioner i Sass:

funktion beskrivelse & eksempel
map-get(map, nøgle)

returnerer værdien for den specificerede nøgle i mappen.

Eksempel:

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

resultat: 12px
map-has-key(map, nøgle)

tjekker om mappen har den specificerede nøgle. Returnerer true eller false.

Eksempel:

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

resultat: false
map-keys(map)

returnerer en liste over alle nøgler i mappen.

Eksempel:

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

resultat: "small", "normal", "large"
map-merge(map1, map2)

vil map2 tilføjet til map1 afslutningen.

Eksempel:

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

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

Fjern specificerede nøgler fra mappet.

Eksempel:

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

Resultat: ("normal": 18px, "large": 24px)

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

Resultat: ("normal": 18px)
map-values(map)

Returnerer en liste over alle værdier i mappet.

Eksempel:

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

Resultat: 12px, 18px, 24px