Sass Map (Mapping)-Funktionen

Sass 函数Sass-Funktionen

Ein Sass Map (Mapping)-Objekt wird durch ein oder mehrere Schlüssel/Wert-Paare dargestellt.

Sass Maps sind unveränderlich, daher wird beim Verarbeiten eines Map-Objekts ein neues Map-Objekt zurückgegeben, anstatt das ursprüngliche Map-Objekt zu ändern.

Die folgende Tabelle listet Sass Map-Funktionen auf:

Funktion Beschreibung & Beispiel
map-get(map, key) Gibt aus dem Map-Schlüsselden entsprechenden Wert zurück. Wenn es keinen entsprechenden Schlüssel gibt, wird null zurückgegeben.

Beispiel:
$font-sizes: ("small": 12px, "normal": 18px, "large": 24px)
map-get($font-sizes, "small")
Ergebnis: 12px
map-has-key(map, key) Ermittlemap, ob ein entsprechenderkeySchlüssel vorhanden ist. Gibt true zurück, wenn er existiert, andernfalls false.

Beispiel:
$font-sizes: ("small": 12px, "normal": 18px, "large": 24px)
map-has-key($font-sizes, "big")
Ergebnis: false
map-keys(map) Gibtmapeine Liste aller Schlüssel in der Map zurück.

Beispiel:
$font-sizes: ("small": 12px, "normal": 18px, "large": 24px)
map-keys($font-sizes)
Ergebnis: "small", "normal, "large"
map-merge(map1, map2) Führe zwei Maps zu einer neuen Map zusammen, das heißt, fügemap2zumap1am Ende hinzu.

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...) EntferntmapSchlüssel aus der Map. Mehrere Schlüssel werden durch Kommas getrennt.

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) Gibtmapalle Werte aus der Map zurück und erzeugt eine Liste.

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

Sass 函数Sass-Funktionen

Andere Erweiterungen