Fungsi Peta Sass

Fungsi Peta Sass

Dalam Sass, jenis data peta (map) merepresentasikan satu atau lebih pasangan kunci/nilai.

petikan:boleh juga mengguna pakai fungsyen senarai halaman terdahulu dengan peta. kemudian peta akan dianggap seperti senarai dengan dua elemen.

Peta Sass adalah tak boleh diubah (tidak boleh diubah). Oleh itu, fungsyen peta yang mengembalikan peta akan mengembalikan peta baru, tanpa mengubah peta asal.

tabel di bawah ini menunjukkan semua fungsyen peta dalam Sass:

fungsyen penjelasan & contoh
map-get(map, kunci)

pulangkan nilai kunci yang ditentukan di dalam peta.

Contoh:

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

kesimpulan: 12px
map-has-key(map, kunci)

memeriksa peta sama ada mempunyai kunci yang ditetapkan. Pulangkan true atau false.

Contoh:

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

kesimpulan: false
map-keys(map)

kembalikan senarai kunci semasa peta.

Contoh:

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

kesimpulan: \"small\", \"normal, \"large\"
map-merge(map1, map2)

akan map2 dipasang ke map1 diakhianati

Contoh:

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

Hasil:
"small": 12px, "normal": 18px, "large": 24px,
"x-large": 30px, "xx-large": 36px
map-remove(map, keys...)

Buang kunci yang ditentukan daripada peta.

Contoh:

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

Hasil: ("normal": 18px, "large": 24px)

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

Hasil: ("normal": 18px)
map-values(map)

Kembalikan senarai semua nilai dalam peta.

Contoh:

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

Hasil: 12px, 18px, 24px