Sass Map(映射)函數

Sass 函數 Sass 函數

Sass Map(映射)對象是以一對或多對的 key/value 來表示。

Sass Map 是不可變的,因此在處理 Map 對象時,返回的是一個新的 Map 對象,而不是在原有的 Map 對象上進行修改。

下表列出了 Sass 的 Map 函數:

函數 描述 & 實例
map-get(map, key) 返回 Map 中 key 所對應的 value(值)。如沒有對應的 key,則返回 null 值。

實例:
$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 中所有的 key 組成的佇列。

實例:
$font-sizes: ("small": 12px, "normal": 18px, "large": 24px)
map-keys($font-sizes)
結果: "small", "normal, "large"
map-merge(map1, map2) 合併兩個 map 形成一個新的 map 類型,即將 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 中的 keys,多個 key 使用逗號隔開。

實例:
$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 中所有的 value 並生成一個佇列。

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

Sass 函數 Sass 函數