En Sass, el tipo de datos Map representa uno o más pares clave/valor.

Consejo: También es posible utilizar las funciones de Lista de la página anterior, con mapas. Entonces el mapa será tratado como una lista con dos elementos.

Los mapas Sass son inmutables (no pueden cambiar). Por lo tanto, las funciones de mapa que devuelven un mapa devolverán un nuevo mapa y no cambiarán el mapa original. La siguiente tabla enumera todas las funciones de mapa en Sass:

Función Descripción & Ejemplo
map-get(mapkey)

Devuelve el valor de la clave especificada en el mapa.

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

map-has-key(mapkey)

Comprueba si el mapa tiene la clave especificada. Devuelve verdadero o falso.

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

map-keys(map)

Devuelve una lista de todas las claves en el mapa.

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

map-merge(map1map2)

Añade mapa2 al final de mapa1.

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

map-remove(mapkeys...)

Elimina las claves especificadas del mapa.

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

map-values(map)

Devuelve una lista de todos los valores en mapa.

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