Sass-Listefunktionen

Sass-Listefunktionen

Listenfunktionen werden verwendet, um Werte in der Liste abzurufen, Listen zu kombinieren und Elemente zur Liste hinzuzufügen.

Sass-Listen sind unveränderlich (sie können nicht geändert werden). Daher geben die Listenfunktionen eine neue Liste zurück, ohne die ursprüngliche Liste zu ändern.

Sass-Listen sind basierend auf 1. Der erste Eintrag der Liste befindet sich im Index 1, nicht 0.

Nachstehend sind alle Listenfunktionen in Sass aufgeführt:

Funktion Beschreibung & Beispiel
append(Liste, Wert, [separator])

Fügen Sie einen einzelnen Wert am Ende der Liste hinzu.
Der Trennzeichen kann auto, comma oder space sein. auto ist der Standardwert.

Beispiel:

append((a b c), d)

Ergebnis: a b c d

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

Ergebnis: a, b, c, d
index(Liste, Wert)

Gibt die Position des Wertes in der Liste zurück.

Beispiel:

index(a b c, b)

Ergebnis: 2

index(a b c, f)

Ergebnis: null
is-bracketed(Liste)

Überprüfen Sie, ob die Liste eckige Klammern hat.

Beispiel:

is-bracketed([a b c])

Ergebnis: true

is-bracketed(a b c)

Ergebnis: false
join(list1, list2, [separator, bracketed)]

Setzen Sie list2 hinzufügen zu list1 am Ende.
Der Trennzeichen kann auto, comma oder space sein.
auto ist der Standardwert (der erste Trennzeichen der ersten Liste wird verwendet).
bracketed Kann auto, true oder false sein. auto ist der Standardwert.

Beispiel:

join(a b c, d e f)

Ergebnis: a b c d e f

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

Ergebnis: a, b, c, d, e, f

join(a b c, d e f, $bracketed: true)

Ergebnis: [a b c d e f]
length(Liste)

Gibt die Länge der Liste zurück.

Beispiel:

length(a b c)

Ergebnis: 3
list-separator(Liste)

Gibt den verwendeten Listentrennzeichen als String zurück. Dies kann Leerzeichen oder Komma sein.

Beispiel:

list-separator(a b c)

Ergebnis: "Leerzeichen"

list-separator(a, b, c)

Ergebnis: "Komma"
nth(Liste, n)

Gibt den n-ten Element der Liste zurück.

Beispiel:

nth(a b c, 3)

Ergebnis: c
set-nth(Liste, n, Wert)

Den n-ten Listenelement auf den angegebenen Wert setzen.

Beispiel:

set-nth(a b c, 2, x)

Ergebnis: a x c
zip(lists)

Liste in eine einzelne mehrdimensionale Liste kombinieren.

Beispiel:

zip(1px 2px 3px, fest gepunktet gestrichelt, rot grün blau)

Ergebnis: 1px fest rot, 2px gepunktet grün, 3px gestrichelt blau