Hàm bản đồ Sass

Hàm bản đồ Sass

Trong Sass, loại dữ liệu ánh xạ (map) biểu thị một hoặc nhiều cặp khóa/giá trị.

Lưu ý:Cũng có thể sử dụng các hàm danh sách trên trang trước với ánh xạ. Sau đó, ánh xạ sẽ được coi là danh sách có hai phần tử.

Ánh xạ Sass không thể thay đổi (họ không thể thay đổi). Do đó, các hàm ánh xạ trả về ánh xạ sẽ trả về một ánh xạ mới mà không thay đổi ánh xạ ban đầu.

Bảng dưới đây liệt kê tất cả các hàm ánh xạ trong Sass:

Hàm Mô tả & ví dụ
map-get(map, khóa)

Trả về giá trị của khóa được chỉ định trong ánh xạ.

Mẫu:

$font-sizes: ("small": 12px, "normal": 18px, "large": 24px)
map-get($font-sizes, \"small\")

Kết quả: 12px
map-has-key(map, khóa)

Kiểm tra ánh xạ có chứa khóa được chỉ định hay không. Trả về true hoặc false.

Mẫu:

$font-sizes: ("small": 12px, "normal": 18px, "large": 24px)
map-has-key($font-sizes, \"big\")

Kết quả: false
map-keys(map)

Trả về danh sách tất cả các khóa trong ánh xạ.

Mẫu:

$font-sizes: ("small": 12px, "normal": 18px, "large": 24px)
map-keys($font-sizes)

Kết quả: \"small\", \"normal, \"large\"
map-merge(map1, map2)

sẽ map2 thêm vào map1 đuôi.

Mẫu:

$font-sizes: ("small": 12px, "normal": 18px, "large": 24px)
$font-sizes2: (\"x-large\": 30px, \"xx-large\": 36px)
map-merge($font-sizes, $font-sizes2)

Kết quả:
"small": 12px, "normal": 18px, "large": 24px,
"x-large": 30px, "xx-large": 36px
map-remove(map, keys...)

Xóa các khóa chỉ định khỏi bản đồ.

Mẫu:

$font-sizes: ("small": 12px, "normal": 18px, "large": 24px)
map-remove($font-sizes, "small")

Kết quả: ("normal": 18px, "large": 24px)

map-remove($font-sizes, "small", "large")

Kết quả: ("normal": 18px)
map-values(map)

Trả về danh sách tất cả các giá trị trong bản đồ.

Mẫu:

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

Kết quả: 12px, 18px, 24px