Funciones de mapeo Sass

Funciones de mapeo Sass

en Sass, el tipo de datos mapeo (map) representa uno o más pares clave/valor.

sugerencia:también se puede usar la función de lista de la página anterior con map. Luego, el map se considerará como una lista de dos elementos.

los mapeos de Sass son inmutables (no se pueden cambiar). Por lo tanto, las funciones que devuelven un mapeo del mapeo devolverán un nuevo mapeo, sin cambiar el mapeo original.

la siguiente tabla enumera todas las funciones de mapeo en Sass:

función descripción & ejemplo
map-get(map, key)

devuelve el valor de la clave especificada en el mapeo.

Ejemplo:

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

resultado: 12px
map-has-key(map, key)

verifica si el mapeo tiene la clave especificada. Devuelve true o false.

Ejemplo:

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

resultado: false
map-keys(map)

devuelve una lista de todas las claves del mapeo.

Ejemplo:

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

resultado: \"small\", \"normal\", \"large\"
map-merge(map1, map2)

se map2 se agrega a map1 al final.

Ejemplo:

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

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

Elimina la clave especificada del mapeo.

Ejemplo:

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

Resultados: ("normal": 18px, "large": 24px)

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

Resultados: ("normal": 18px)
map-values(map)

Devuelve una lista de todos los valores del mapeo.

Ejemplo:

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

Resultados: 12px, 18px, 24px