Chức năng bản đồ Sass
Chức năng bản đồ Sass
Trong Sass, kiểu dữ liệu bản đồ đại diện cho một hoặc nhiều cặp khóa/giá trị.
Mẹo: Cũng có thể sử dụng các chức năng Danh sách từ trang trước với bản đồ. Sau đó, bản đồ sẽ được coi là một danh sách có hai phần tử.
Bản đồ Sass là bất biến (chúng không thể thay đổi). Vì vậy, các hàm bản đồ trả về bản đồ sẽ trả về bản đồ mới và không thay đổi bản đồ gốc.
Bảng sau liệt kê tất cả các chức năng bản đồ trong Sass:
Function | Description & Example |
---|---|
map-get( map , key ) | Returns the value for the specified key in the map. Example: $font-sizes: ("small": 12px, "normal": 18px, "large": 24px) map-get($font-sizes, "small") Result: 12px |
map-has-key( map , key ) | Checks whether map has the specified key . Returns true or
false. Example: $font-sizes: ("small": 12px, "normal": 18px, "large": 24px) map-has-key($font-sizes, "big") Result: false |
map-keys( map ) | Returns a list of all keys in map . Example: $font-sizes: ("small": 12px, "normal": 18px, "large": 24px) map-keys($font-sizes) Result: "small", "normal, "large" |
map-merge( map1 , map2 ) | Appends map2 to the end 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 |
map-remove( map , keys... ) | Removes the specified keys from map . 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) |
map-values( map ) | Returns a list of all values in map . Example: $font-sizes: ("small": 12px, "normal": 18px, "large": 24px) map-values($font-sizes) Result: 12px, 18px, 24px |