ตัวเลือกฟังก์ชันของแมפ์ของแซส

ตัวเลือกฟังก์ชันของแมפ์ของแซส

ใน Sass แผนภาพค่า (map) คือชนิดของข้อมูลที่แสดงโดยหลายๆ คู่กุญแจ/ค่า。

คำเตือน：สามารถใช้ฟังก์ชัน List ของหน้าก่อนหน้านี้กับแผนภาพค่าด้วย แล้วแผนภาพค่าจะถือว่าเป็นรายการที่มีสองส่วนตัว。

Sass แผนภาพค่าไม่สามารถเปลี่ยนแปลงได้ (พวกเขาไม่สามารถเปลี่ยนแปลงได้) ดังนั้นฟังก์ชันที่กดับแผนภาพค่าจะกดับแผนภาพค่าใหม่ แต่จะไม่เปลี่ยนแปลงแผนภาพค่าเดิม。

ตารางต่อไปนี้แสดงฟังก์ชันแผนภาพค่าทั้งหมดใน 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