ЛУЧШИЙ САЙТ ДЛЯ ВЕБ-РАЗРАБОТЧИКОВ
Sass. Уроки для начинающих

Sass Функции карты


Sass Функции карты

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

Совет: Также можно использовать Функции списка с предыдущей страницы с картами. Тогда карта будет рассматриваться как список с двумя элементами.

Карты Sass неизменны (они не могут быть изменены). Итак, функции карты, которые возвращают карту, вернут новую карту и не изменят исходную карту.

В следующей таблице перечислены все функции карты в Sass:

Функция Описание & Пример
map-get(map, key) Возвращает значение для указанного key на карте.

Пример:
$font-sizes: ("small": 12px, "normal": 18px, "large": 24px)
map-get($font-sizes, "small")
Результат: 12px
map-has-key(map, key) Проверяет, есть ли на map указанный key. Возвращает true или false.

Пример:
$font-sizes: ("small": 12px, "normal": 18px, "large": 24px)
map-has-key($font-sizes, "big")
Результат: false
map-keys(map) Возвращает список всех ключей в 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...) Удаляет указанные ключи из map.

Пример:
$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) Возвращает список всех значений в map.

Пример:
$font-sizes: ("small": 12px, "normal": 18px, "large": 24px)
map-values($font-sizes)
Результат: 12px, 18px, 24px