Συνάρτησεις Χαρτών Sass

Συνάρτησεις Χαρτών Sass

Στο Sass, η τύπος δεδομένων αντιστοιχίας (map) εκφράζει ένα ή περισσότερα ζευγάρια κλειδιών/τιμών.

Συμβουλή:Μπορείτε επίσης να χρησιμοποιήσετε τις λειτουργίες λίστας της προηγούμενης σελίδας με τις αντιστοιχίες. Στη συνέχεια, η αντιστοιχία θα θεωρηθεί ως λίστα με δύο στοιχεία.

Οι αντιστοιχίες του Sass είναι αμετάβλητες (δεν μπορούν να αλλάξουν). Επομένως, οι λειτουργίες που επιστρέφουν αντιστοιχία θα επιστρέψουν μια νέα αντιστοιχία χωρίς να αλλάξουν την αρχική αντιστοιχία.

Η παρακάτω τаблицή περιλαμβάνει όλες τις λειτουργίες αντιστοιχίας στο Sass:

λειτουργία περιγραφή & παράδειγμα
map-get(map, κλειδί)

επιστρέφει τη τιμή του καθορισμένου κλειδιού της αντιστοιχίας.

Παράδειγμα:

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

τέλος: 12px
map-has-key(map, κλειδί)

ελέγχει αν η αντιστοιχία έχει το καθορισμένο κλειδί. Επιστρέφει 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