ການສັນຍາວັດສະດຸ Sass

ການສັນຍາວັດສະດຸ Sass

ໃນ Sass, mapping (ກົນຫນັງ) data type ສະແດງເປັນຫນັງທີ່ມີຫນັງ/ຄູ່ມູນ.

ຄຳແນະນຳ:ກໍ່ຈະນຳໃຊ້ກົນຫນັງ List function ຂອງກ່ອນ. ເມື່ອນັ້ນກົນຫນັງຈະຖືກເບິ່ງຄືກົນຫນັງມີສອງປະກອບ.

Sass mapping (ກົນຫນັງ) ບໍ່ສາມາດປ່ຽນແປງ (ພວກມັນບໍ່ສາມາດປ່ຽນແປງ). ດັ່ງນັ້ນກົນຫນັງທີ່ກັບຄືນກົນຫນັງຈະກັບຄືນກົນຫນັງໃຫມ່ທີ່ບໍ່ປ່ຽນແປງກົນຫນັງໃນຕົ້ນ.

ຕາລະບັນຍັດກົນຫນັງທັງໝົດໃນ Sass:

ກົນຫນັງ ການອະທິບາຍ & ບົດຢ່າງ
map-get(map, key)

ກັບຄືນຄູ່ມູນຂອງພະຍານທີ່ກໍານົດຫນັງ.

实例:

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

ຜົນ: 12px

map-has-key(map, key)

ກວດກາວ່າພະຍານມີພະຍານທີ່ກໍານົດຫນັງ. ກັບຄືນ true ຫຼື false.

实例:

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

ຜົນ: false

map-keys(map)

ກັບຄືນລາຍການຂອງພະຍານຂອງການຕິດຕັ້ງທັງໝົດ.

实例:

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

ຜົນ: \"small\", \"normal, \"large\"

map-merge(map1, map2)

ຈະ map2 ຕິດອອກຕໍ່ map1 ຂ້າງຫຼັງ.

实例:

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

结果:
"small": 12px, "normal": 18px, "large": 24px,
"x-large": 30px, "xx-large": 36px

map-remove(map, keys...)

从映射中删除指定的键。

实例:

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

结果:("normal": 18px, "large": 24px)

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

结果:("normal": 18px)

map-values(map)

返回映射中所有值的列表。

实例:

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

结果:12px, 18px, 24px