Sass Map 函数



  • Map 函数

    Sass 中,Map数据类型表示一个或多个键/值对。
    提示:也可以将前一页的列表功能与 Map 一起使用; 然后,该 Map 将被视为具有两个元素的列表。
    Sass 映射是不可变的(它们不能更改);因此,返回地图的地图函数将返回新地图,而不更改原始地图。
    下表列出了 Sass 中的所有 Map 功能:
    函数 描述 & 示例
    map-get(map, key)
    返回映射中指定键的值。
    示例:
    $font-sizes: ("small": 12px, "normal": 18px, "large": 24px)
    map-get($font-sizes, "small")
    返回结果: 12px
    map-has-key(map, key)
    检查map是否具有指定的键;返回 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(map1,map2)
    返回 map 中所有值的列表。
    示例:
    $font-sizes: ("small": 12px, "normal": 18px, "large": 24px)
    map-values($font-sizes)
    返回结果: 12px, 18px, 24px