НАЙКРАЩИЙ САЙТ ДЛЯ ВЕБ-РОЗРОБНИКІВ
Sass. W3Schools українською. Уроки для початківців

En

Sass Функції мапи


Sass Функції мапи

У Sass тип даних карти представляє одну або кілька пар ключ/значення.

Порада: також можна використовувати Функції списку з попередньої сторінки з картами. Тоді карта буде розглядатися як список із двох елементів.

Карти Sass є незмінними (вони не можуть змінюватися). Отже, функції карти, які повертають карту, повертатимуть нову карту, а не змінюватимуть оригінальну карту.

У наступній таблиці перераховано всі функції карти в Sass:

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

Приклад:
$font-sizes: ("small": 12px, "normal": 18px, "large": 24px)
map-get($font-sizes, "small")
Результат: 12px
map-has-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...) Видаляє вказані ключі з карти.

Приклад:
$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