Sass karttaominaisuudet

Sass karttaominaisuudet

Valinnainen kurssi

Kurssivinkki:Sassissa map (mappaus) -datatyyppi edustaa yhtä tai useampaa avain/arvo-paria.

Vinkki:

Sass-mappaukset ovat muuttumattomia (ne eivät voi muuttua). Siksi mappauksen palauttavat funktiot palauttavat uuden mappauksen, eivätkä muuta alkuperäistä mappauksia.

Taulukossa luetellaan kaikki Sassissa olevat mappausfunktiot: Funktio
Kuvaus ja esimerkkimap, map-has-key()

map-get(

Esimerkki:

$font-sizes: ("small": 12px, "normal": 18px, "large": 24px)
Palauttaa mappauksen määritetyn avaimen arvon.

map-get($font-sizes, "small")
Tulos: 12pxmap, map-has-key()

avain

Esimerkki:

$font-sizes: ("small": 12px, "normal": 18px, "large": 24px)
Tarkistaa, onko mappauksessa määritetty avain. Palauttaa true tai false.

map-has-key($font-sizes, "big")
Tulos: falsemap)

map-keys(

Esimerkki:

$font-sizes: ("small": 12px, "normal": 18px, "large": 24px)
Palauttaa luettelon kaikista mappauksen avaimista.

map-keys($font-sizes)
Tulos: "small", "normal", "large"map1, map2)

map-merge( map2 liitetään map1 Lopun osassa.

Esimerkki:

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

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

Poista määritetyt avaimet kartasta.

Esimerkki:

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

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

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

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

Palauttaa kaikkien arvojen luettelon kartasta.

Esimerkki:

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

Tulokset: 12px, 18px, 24px