Fungsi Peta Sass

Fungsi Peta Sass

Dalam Sass, tipe data peta (peta) mewakili satu atau lebih pasangan kunci/nilai.

Petunjuk:Juga dapat digunakan bersama dengan fungsi List halaman sebelumnya. kemudian peta akan dianggap sebagai daftar dengan dua elemen.

Peta Sass adalah tak dapat diubah (tidak dapat diubah). Oleh karena itu, fungsi peta yang mengembalikan peta akan mengembalikan peta yang baru tanpa mengubah peta asli.

Tabel di bawah ini menampilkan semua fungsi peta dalam Sass:

Fungsi Deskripsi & contoh
map-get(map, key)

Mengembalikan nilai kunci yang ditentukan dalam peta.

Contoh:

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

Hasil: 12px
map-has-key(map, key)

Memeriksa apakah peta memiliki kunci yang ditentukan. Mengembalikan true atau false.

Contoh:

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

Hasil: false
map-keys(map)

Mengembalikan daftar semua kunci dalam peta.

Contoh:

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

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

akan map2 ditempatkan map1 di akhirnya.

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...)

Hapus kunci yang ditentukan dari 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 daftar semua nilai dalam peta.

Contoh:

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

Hasil: 12px, 18px, 24px