Fonctions Map (Mapping) de Sass
Fonctions SassUn objet Map (Mapping) Sass est représenté par une ou plusieurs paires clé/valeur.
Les Maps Sass sont immuables, donc lors du traitement d'un objet Map, un nouvel objet Map est renvoyé plutôt que de modifier l'objet Map d'origine.
Le tableau suivant répertorie les fonctions Map de Sass :
| Fonction | Description et exemple |
|---|---|
| map-get(map, key) | Renvoie depuis la Mapkeyla valeur correspondante. S'il n'y a pas de clé correspondante, elle renvoie null. Exemple : $font-sizes: ("small": 12px, "normal": 18px, "large": 24px) map-get($font-sizes, "small") Résultat : 12px |
| map-has-key(map, key) | Déterminemaps'il existe unecléclé correspondante. Renvoie true si elle existe, sinon false. Exemple : $font-sizes: ("small": 12px, "normal": 18px, "large": 24px) map-has-key($font-sizes, "big") Résultat : false |
| map-keys(map) | Renvoiemapune liste de toutes les clés de la Map. Exemple : $font-sizes: ("small": 12px, "normal": 18px, "large": 24px) map-keys($font-sizes) Résultat : "small", "normal, "large" |
| map-merge(map1, map2) | Fusionne deux maps en une nouvelle map, c'est-à-dire ajoutemap2àmap1la fin de 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ésmapde la Map. Plusieurs clés sont séparées par des virgules. 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) | Renvoiemaptoutes les valeurs de la Map et génère une liste. Exemple : $font-sizes: ("small": 12px, "normal": 18px, "large": 24px) map-values($font-sizes) Résultat : 12px, 18px, 24px |
Autres extensions