Sass-Mappingfunktionen

Sass-Mappingfunktionen

In Sass wird der Daten Typ Map (Mapping) ein oder mehrere Schlüssel/Wert-Paare darstellt.

Tipp:Es kann auch die List-Funktionen der vorherigen Seite mit dem Mapping verwendet werden. Dann wird das Mapping als Liste mit zwei Elementen betrachtet.

Sass-Mappings sind unveränderlich (sie können nicht geändert werden). Daher geben die Mapping-Funktionen, die ein Mapping zurückgeben, ein neues Mapping zurück, ohne das ursprüngliche Mapping zu ändern.

Die folgende Tabelle listet alle Mapping-Funktionen in Sass auf:

Funktion Beschreibung & Beispiel
map-get(map, Schlüssel)

Gibt den Wert des angegebenen Schlüssels im Mapping zurück.

Beispiel:

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

Ergebnis: 12px
map-has-key(map, Schlüssel)

Überprüft, ob das Mapping den angegebenen Schlüssel hat. Gibt true oder false zurück.

Beispiel:

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

Ergebnis: false
map-keys(map)

Gibt eine Liste aller Schlüssel im Mapping zurück.

Beispiel:

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

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

wird map2 hinzugefügt zu map1 Am Ende.

Beispiel:

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

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

Entfernt spezifizierte Schlüssel aus dem Mapping.

Beispiel:

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

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

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

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

Gibt eine Liste aller Werte aus dem Mapping zurück.

Beispiel:

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

Ergebnis: 12px, 18px, 24px