Funkcje map Sass

Funkcje map Sass

W Sass, typ danych map (mapowanie) reprezentuje jeden lub więcej par klucz/wartość.

Wskazówka:Można również używać funkcji List z mapami. Wtedy mapy będą traktowane jako listy z dwoma elementami.

Mapowanie Sass jest niemodyfikowalne (nie można go zmieniać). Dlatego funkcje zwracające mapę, zwracają nową mapę, bez zmiany oryginalnej mapy.

poniższa tabela zawiera wszystkie funkcje mapowania w Sass:

funkcja opis & przykład
map-get(map, klucz)

zwraca wartość określonego klucza w mapie.

Przykład:

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

wynik: 12px
map-has-key(map, klucz)

sprawdza, czy mapowanie ma określony klucz. Zwraca true lub false.

Przykład:

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

wynik: false
map-keys(map)

zwraca listę wszystkich kluczy w mapie.

Przykład:

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

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

przekształca się w map2 dodany do map1 na końcu.

Przykład:

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

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

Usuwa określone klucze z mapy.

Przykład:

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

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

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

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

Zwraca listę wszystkich wartości w mapie.

Przykład:

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

Wynik: 12px, 18px, 24px