Funções de Mapeamento Sass

Funções de Mapeamento Sass

No Sass, o tipo de dados mapeamento (map) representa um ou mais pares de chave/valor.

dica:Também pode usar as funções de lista da página anterior com o mapeamento. Em seguida, o mapeamento será tratado como uma lista com dois elementos.

Os mapeamentos do Sass são imutáveis (eles não podem ser alterados). Portanto, as funções que retornam um mapeamento, retornarão um novo mapeamento, sem alterar o mapeamento original.

a tabela a seguir lista todas as funções de mapeamento no Sass:

função descrição & exemplo
map-get(map, chave)

retorna o valor da chave especificada no mapeamento.

Exemplo:

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

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

verifica se o mapeamento possui a chave especificada. Retorna true ou false.

Exemplo:

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

resultado: false
map-keys(map)

retorna a lista de todas as chaves do mapeamento.

Exemplo:

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

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

será map2 anexado a map1 no fim.

Exemplo:

$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...)

Remove chaves específicas do mapeamento.

Exemplo:

$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)

Retorna uma lista de todos os valores do mapeamento.

Exemplo:

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

Resultados: 12px, 18px, 24px