Funciones de Map (mapeo) de Sass
Funciones de SassLos objetos Map (mapeo) de Sass se representan mediante uno o más pares key/value.
Sass Map es inmutable; por lo tanto, al trabajar con objetos Map, se devuelve un nuevo objeto Map en lugar de modificar el objeto Map original.
La siguiente tabla enumera las funciones de Map de Sass:
| Función | Descripción y ejemplo |
|---|---|
| map-get(map, key) | Devuelve en el Map elkeyvalue (valor) correspondiente. Si no hay una key correspondiente, devuelve el valor null. Ejemplo: $font-sizes: ("small": 12px, "normal": 18px, "large": 24px) map-get($font-sizes, "small") Resultado: 12px |
| map-has-key(map, key) | Compruebamapsi hay unakeykey correspondiente; si existe, devuelve true; de lo contrario, devuelve false. Ejemplo: $font-sizes: ("small": 12px, "normal": 18px, "large": 24px) map-has-key($font-sizes, "big") Resultado: false |
| map-keys(map) | Devuelvemapla cola formada por todas las keys que contiene. Ejemplo: $font-sizes: ("small": 12px, "normal": 18px, "large": 24px) map-keys($font-sizes) Resultado: "small", "normal, "large" |
| map-merge(map1, map2) | Combina dos maps para formar un nuevo map, es decir,map2añademap1al final de Ejemplo: $font-sizes: ("small": 12px, "normal": 18px, "large": 24px) $font-sizes2: ("x-large": 30px, "xx-large": 36px) map-merge($font-sizes, $font-sizes2) Resultado: "small": 12px, "normal": 18px, "large": 24px, "x-large": 30px, "xx-large": 36px |
| map-remove(map, keys...) | Eliminamaplas keys que contiene; varias keys se separan con comas. Ejemplo: $font-sizes: ("small": 12px, "normal": 18px, "large": 24px) map-remove($font-sizes, "small") Resultado: ("normal": 18px, "large": 24px) map-remove($font-sizes, "small", "large") Resultado: ("normal": 18px) |
| map-values(map) | Devuelvemaptodos los values que contiene y genera una cola. Ejemplo: $font-sizes: ("small": 12px, "normal": 18px, "large": 24px) map-values($font-sizes) Resultado: 12px, 18px, 24px |
Otras extensiones