Sass Map 函数

Sass Map 函数

在 Sass 中,map(映射)数据类型表示一个或多个 键/值 对。

提示:也可以将上一页的列表功能与 map 一起使用;然后,该 map 将被视为包含两个元素的列表。

Sass 映射是不可变的(它们不能更改)。因此,map 函数将返回新的 map 对象,而不会更改原始 map 对象。

下表列出了Sass中的所有映射函数:

函数描述 & 实例
map-get(map, key)返回 map 中指定 key 的值。

实例:
$font-sizes: ("small": 12px, "normal": 18px, "large": 24px)
map-get($font-sizes, "small")
结果: 12px
map-has-key(map, key)检查 map 是否具有指定的 key。返回 true 或 false。

实例:
$font-sizes: ("small": 12px, "normal": 18px, "large": 24px)
map-has-key($font-sizes, "big")
结果: false
map-keys(map)返回 map 中所有键的列表。

实例:
$font-sizes: ("small": 12px, "normal": 18px, "large": 24px)
map-keys($font-sizes)
结果: "small", "normal, "large"
map-merge(map1, map2)map2 追加到 map1 的末尾。

实例:
$font-sizes: ("small": 12px, "normal": 18px, "large": 24px)
$font-sizes2: ("x-large": 30px, "xx-large": 36px)
map-merge($font-sizes, $font-sizes2)
结果: "small": 12px, "normal": 18px, "large": 24px, "x-large": 30px, "xx-large": 36px
map-remove(map, keys。。。)map 中删除指定的键。

实例:
$font-sizes: ("small": 12px, "normal": 18px, "large": 24px)
map-remove($font-sizes, "small")
结果: ("normal": 18px, "large": 24px)
map-remove($font-sizes, "small", "large")
结果: ("normal": 18px)
map-values(map)返回 map 中所有值的列表。

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