Funzioni di mappa Sass

Funzioni di mappa Sass

In Sass, il tipo di dati mappa (mapping) rappresenta uno o più coppia di chiave/valore.

suggerimento:Puoi anche usare le funzioni di lista della pagina precedente insieme a mappe. Poi la mappa sarà considerata come una lista con due elementi.

Le mappe Sass sono immutabili (non possono essere modificate). Pertanto, le funzioni che restituiscono una mappa, restituiranno una nuova mappa senza modificare la mappa originale.

La tabella seguente elenca tutte le funzioni di mappa nel Sass:

funzione descrizione & esempio
map-get(map, chiave)

ritorna il valore della chiave specificata nella mappa.

Esempio:

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

risultato: 12px
map-has-key(map, chiave)

controlla se la mappa ha la chiave specificata. Restituisce true o false.

Esempio:

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

risultato: false
map-keys(map)

ritorna l'elenco di tutte le chiavi della mappa.

Esempio:

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

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

che map2 aggiunto a map1 alla fine.

Esempio:

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

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

Elimina la chiave specificata dalla mappa.

Esempio:

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

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

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

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

Restituisce l'elenco di tutti i valori della mappa.

Esempio:

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

Risultato: 12px, 18px, 24px