Sass Map (mapping) objects are one or more pairs
key/value
to show.
Sass Map is immutable, so it is processing
Map
object, a new
Map
object, not in the original
Map
object to make changes.
The following table lists the Sass’s
Map
function:
Function | Description & example |
|---|---|
| Returns the value corresponding to key in Map. If there is no corresponding key, the null value is returned. Example: $font-sizes: (“small”: 12px, “normal”: 18px, “large”: 24px) map-get ($font-sizes, “small”) result: 12px |
| Determine whether map has a corresponding key. Return true if it exists, otherwise return false. Example: $font-sizes: (“small”: 12px, “normal”: 18px, “large”: 24px) map-has-key ($font-sizes, “big”) result: false |
| Returns a queue of all the key in the map. Example: $font-sizes: (“small”: 12px, “normal”: 18px, “large”: 24px) map-keys ($font-sizes) result: “small”, “normal,”large” |
| Merge two map to form a new map type, that is, add map2 to the tail of map1 Example: $font-sizes: (“small”: 12px, “normal”: 18px, “large”: 24px) $font-sizes2: (“x-large”: 30px, “xx-large”: 36px) map-merge ($font-sizes, $font-sizes2) result: “small”: 12px, “normal”: 18px, “large”: 24px, “x-large”: 30px, “xx-large”: 36px |
| Remove keys from map, and multiple key are separated by commas. Example: $font-sizes: (“small”: 12px, “normal”: 18px, “large”: 24px) map-remove ($font-sizes, “small”) result: (“normal”: 18px, “large”: 24px) map-remove ($font-sizes, “small”, “large”) result: (“normal”: 18px) |
| Returns all the value in map and generates a queue. Example: $font-sizes: (“small”: 12px, “normal”: 18px, “large”: 24px) map-values ($font-sizes) result: 12px, 18px, 24px |