Sass Map Functies

Sass Map Functies

In Sass wordt de map (mapping) datatype gebruikt om een of meerdere sleutel/waardeparen te representeren.

tip:Je kunt ook de List-functies van de vorige pagina gebruiken met een map. Dan wordt de map beschouwd als een lijst met twee elementen.

Sass-mappings zijn onveranderlijk (ze kunnen niet worden gewijzigd). Daarom retourneert een mapping-functie die een nieuwe map retourneert, zonder de oorspronkelijke map te wijzigen.

De tabel hieronder lijst alle mapping-functies in Sass op:

functie beschrijving & voorbeeld
map-get(map, sleutel)

geef de waarde van de opgegeven sleutel in de mapping terug.

Voorbeeld:

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

resultaat: 12px
map-has-key(map, sleutel)

controleer of de mapping de opgegeven sleutel heeft. Retourneer true of false.

Voorbeeld:

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

resultaat: false
map-keys(map)

geef een lijst van alle sleutels in de mapping terug.

Voorbeeld:

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

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

zet map2 toevoegen aan map1 het einde.

Voorbeeld:

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

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

Verwijder de opgegeven sleutel uit de mapping.

Voorbeeld:

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

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

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

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

Geef een lijst van alle waarden in de mapping terug.

Voorbeeld:

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

Resultaat: 12px, 18px, 24px