Fonctions de mapping Sass

Fonctions de mapping Sass

Dans Sass, le type de données carte (map) représente un ou plusieurs paires clé/valeur.

astuce :Il est également possible d'utiliser les fonctions de liste de la page précédente avec les cartes. Ensuite, la carte sera considérée comme une liste de deux éléments.

Les cartes Sass sont immuables (elles ne peuvent pas être modifiées). Par conséquent, les fonctions de carte retournant une carte, retourneront une nouvelle carte sans modifier la carte originale.

Le tableau suivant liste toutes les fonctions de carte dans Sass :

fonction description & exemple
map-get(map, clé)

retourne la valeur de la clé spécifiée dans la carte.

Exemple :

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

résultat : 12px
map-has-key(map, clé)

vérifie si la carte possède la clé spécifiée. Retourne true ou false.

Exemple :

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

résultat : false
map-keys(map)

retourne la liste de toutes les clés de la carte.

Exemple :

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

résultat : \"small\", \"normal\", \"large\"
map-merge(map1, map2)

va map2 ajouté à map1 à la fin.

Exemple :

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

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

Supprime les clés spécifiées de la carte.

Exemple :

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

Résultat : ("normal": 18px, "large": 24px)

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

Résultat : ("normal": 18px)
map-values(map)

Retourne une liste de toutes les valeurs de la carte.

Exemple :

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

Résultat : 12px, 18px, 24px