Функции мап Sass

Функции мап Sass

В Sass тип данных мап (мапа) представляет собой один или несколько пар ключ/значение.

Совет:También se puede usar функция List на предыдущей странице вместе с мапой. В этом случае мап будет считаться списком с двумя элементами.

Мапы в Sass являются неизменяемыми (они не могут быть изменены). Поэтому функции, возвращающие мап, будут возвращать новый мап, не изменяя исходный мап.

в таблице ниже перечислены все функции мап в Sass:

функция описание и пример
map-get(map, ключ)

возвращает значение указанного ключа в мапе.

Пример:

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

результат: 12px

map-has-key(map, ключ)

проверяет, есть ли в мапе указанный ключ. Возвращает true или false.

Пример:

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

результат: false

map-keys(map)

возвращает список всех ключей в мапе.

Пример:

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

результат: "small", "normal", "large"

map-merge(map1, map2)

будет map2 добавлен к map1 в конце.

Пример:

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

Результат:
"small": 12px, "normal": 18px, "large": 24px,
"x-large": 30px, "xx-large": 36px

map-remove(map, keys...)

Удалить指定的 ключи из мапы.

Пример:

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

Результат: ("normal": 18px, "large": 24px)

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

Результат: ("normal": 18px)

map-values(map)

Вернуть список всех значений в мапе.

Пример:

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

Результат: 12px, 18px, 24px