Elenco e funzioni di mappa in sass | Spiegato

SASS, abbreviazione di fogli di stile sintatticamente fantastici, supporta l'uso di varie variabili, mixin, funzioni, ecc. Che in cambio migliora la capacità del linguaggio CSS di base. Se parliamo delle sue funzioni, ci sono funzioni per stringhe, valori numerici, elenchi, mappe, ecc. Le funzioni discusse in questo articolo sono funzioni di elenco e mappa.

Iniziamo.

Elenca le funzioni in Sass

Le funzioni di elenco SASS vengono utilizzate per manipolare elenchi come valutare i valori degli elenchi, elenchi di join o inserire gli elementi in un elenco. Tuttavia, le liste SASS sono rigide e non apportano alcuna modifica, pertanto, l'elenco funziona che recupera un nuovo elenco non alterano quello originale.

Come le stringhe, anche le liste SASS sono basate su 1, il che significa che l'elemento del primo elenco viene memorizzato all'indice 1 anziché 0.

Append (elenco, value, [separator]) funzione

Questa funzione allega un singolo valore alla fine dell'elenco. Un separatore può rendere valori come auto (impostazione predefinita), virgola o spazio.

Esempio

append ((a, b, c), (d), virgola)

Produzione

A, B, C, D

Se viene utilizzato lo spazio.

Esempio

append ((a, b, c), (d), spazio)

Produzione

A b c d

funzione indice (elenco, valore)

Questa funzione recupera la posizione dell'indice del valore specificato nell'elenco.

Esempio

indice ((a, b, c, e, f), 3)

Produzione

C

funzione IS-Bracketed (List)

Questa funzione valuta se l'elenco dato è costituito da parentesi quadrate o no. Il risultato è sotto forma di vero o falso.

Esempio

IS-Bracketed ([1 2 3])

Produzione

VERO

Se non ci sono parentesi quadrate.

Esempio

IS-Bracketed (1 2 3)

Produzione

falso

join (list1, list2, [separatore, bracketed])

Questa funzione allega il secondo elenco fornito alla fine del primo elenco fornito. Un separatore può rendere valori come auto (impostazione predefinita), virgo.

Esempio

Iscriviti (A B C, D E F)

Produzione

A B C D E F

Quando viene utilizzato un separatore.

Esempio

join ((a b c), (d e f), virgola)

Produzione

A B C D E F

Quando viene utilizzata una parentesi.

Esempio

join (A B C, D E F, $ Bracketed: True)

Produzione

[A B C D E F]

funzione di lunghezza (elenco)

Ai fini di recuperare la lunghezza dell'elenco, questa funzione viene utilizzata.

Esempio

lunghezza (a, b, c, d)

Produzione

4

funzione elenco-separatore (elenco)

Questa funzione prende il separatore utilizzato nell'elenco come stringa.

Esempio

Elenco-separatore ((a b c))

Produzione

"spazio"

NTH (elenco, n) funzione

Per recuperare l'ennesimo elemento specificato nell'elenco questa funzione viene utilizzata.

Esempio

nth (a, b, c, 4)

Produzione

4

funzione set-nth (elenco, n, value)

Questa funzione fornisce il valore specificato all'ennesimo numero nell'elenco.

Esempio

set-nth (a b c, 3, y)

Produzione

A b y

funzione zip (elenchi)

Questa funzione si unisce a tutti gli elenchi definiti in un elenco multidimensionale.

Esempio

Zip (3px 4px 5px, tratteggio solido tratteggiato, nero giallo viola)

Produzione

3px Purple punteggiato, 4px Giallo solido, 5px Dasched Nero

Ora che abbiamo appreso le funzioni dell'elenco, ora passeremo al nostro prossimo argomento di discussione.

Funzioni della mappa in sass

Le mappe in SAS sono costituite da più coppie di valore chiave che possono essere valutate utilizzando le funzioni della mappa. Inoltre, è possibile utilizzare anche le funzioni di elenco per esaminare le mappe in SASS, tuttavia, quando lo facciamo verranno considerati elenchi con due elementi.

Proprio come gli elenchi, le mappe in SASS sono rigide e non mostrano alcun cambiamento; Pertanto, la mappa funziona che recupera una nuova mappa non alterano quella originale.

funzione mappa-get (mappa, chiave)

Questa funzione prende il valore collegato alla chiave definita nella mappa.

Esempio

$ Color: ("Black": #000000, "Purple": #6A0DAD)
mappa-get ($ color, "viola")

Produzione

#6a0dad

funzione mappa-has-key (mappa, chiave)

Questa funzione valuta se la chiave definita è presente nella mappa o meno e fornisce il risultato in vero o falso.

Esempio

$ Color: ("Black": #000000, "Purple": #6A0DAD)
map-has-key ($ color, "giallo")

Produzione

falso

funzione mappa-chiavi (mappa)

Questa funzione prende tutte le chiavi in ​​una mappa.

Esempio

$ Color: ("Black": #000000, "Purple": #6A0DAD)
Map-Keys ($ Color)

Produzione

"Black", "Purple"

funzione map-merge (map1, map2)

Per collegare Map2 alla fine di MAP1 questa funzione viene utilizzata.

Esempio

$ Color: ("Black": #000000, "Purple": #6A0DAD)
$ color1: ("rosa": #ffc0cb, "marrone": #964b00)
Map-Merge ($ Color, $ Color1)

Produzione

Black ": #000000," Purple ": #6A0DAD," Pink ": #FFC0CB," Brown ": #964b00

funzione mappa-remove (mappa, tasti ...)

Questa funzione elimina tutte le chiavi dichiarate dalla mappa.

Esempio

$ color: ("rosa":#ffc0cb, "marrone":#964b00, "nero":#000000)
Map-Remove ($ Color, "Brown")

Produzione

"Pink":#FFC0CB, "Black":#000000

Funzione di valori di mappa (mappa)

Questa funzione prende tutti i valori presenti nella mappa.

Esempio

$ color: ("rosa":#ffc0cb, "marrone":#964b00, "nero":#000000)
valori di mappa ($ color)

Produzione

#FFC0CB, #964B00, #000000

Conclusione

Le funzioni di elenco SASS vengono utilizzate per manipolare elenchi come valutare i valori degli elenchi, elenchi di join o inserire gli elementi in un elenco. Nel frattempo, le mappe in SAS sono costituite da più coppie di valore chiave che possono essere valutate utilizzando le funzioni della mappa. Sia gli elenchi che le mappe sono rigidi e non mostrano alcun cambiamento; Pertanto, qualsiasi funzione che recupera un nuovo elenco o mappa non modifica quello originale. Tutte le funzioni associate a elenchi e mappe in SASS sono spiegate in questo articolo insieme agli esempi.