Sass-Listenfunktionen
Sass-FunktionenSass-Listenfunktionen werden verwendet, um Listen zu verarbeiten, einschließlich des Zugriffs auf Werte in einer Liste, des Hinzufügens von Elementen zu einer Liste, des Zusammenführens von Listen und so weiter.
Sass-Listen sind unveränderlich, daher wird beim Verarbeiten von Listen eine neue Liste zurückgegeben, anstatt die ursprüngliche Liste zu ändern.
Der Startindexwert einer Liste ist 1; denken Sie daran, er ist nicht 0.
Die folgende Tabelle listet die Sass-Listenfunktionen auf:
| Funktion | Beschreibung & Beispiel |
|---|---|
| append(list, value, [separator]) | Fügt einen einzelnen Wertvalueam Ende der Liste hinzu.separatorist das Trennzeichen; es wird standardmäßig automatisch erkannt oder kann als Komma oder Leerzeichen angegeben werden. Beispiel: append((a b c), d) Ergebnis: a b c d append((a b c), (d), comma) Ergebnis: a, b, c, d |
| index(list, value) | Gibt die Indexposition des Elementsvaluein der Liste zurück. Beispiel: index(a b c, b) Ergebnis: 2 index(a b c, f) Ergebnis: null |
| is-bracketed(list) | Bestimmt, ob eine Liste Klammern hat Beispiel: is-bracketed([a b c]) Ergebnis: true is-bracketed(a b c) Ergebnis: false |
| join(list1, list2, [separator, bracketed]) | Führt zwei Listen zusammen und hängt die Listelist2an die Listelist1am Ende an.separatorist das Trennzeichen; es wird standardmäßig automatisch erkannt oder kann als Komma oder Leerzeichen angegeben werden.bracketedEs erkennt automatisch, ob Klammern vorhanden sind, und kann auf true oder false gesetzt werden. 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(list) | Gibt die Länge einer Liste zurück Beispiel: length(a b c) Ergebnis: 3 |
| list-separator(list) | Gibt den Trennzeichentyp einer Liste zurück. Er kann Leerzeichen oder Komma sein. Beispiel: list-separator(a b c) Ergebnis: "space" list-separator(a, b, c) Ergebnis: "comma" |
| nth(list, n) | Ruft dennWert des Elements ab. Beispiel: nth(a b c, 3) Ergebnis: c |
| set-nth(list, n, value) | Setzt den Wert desnElements aufvalue。 Beispiel: set-nth(a b c, 2, x) Ergebnis: a x c |
| zip(lists) | Gruppiert mehrere Listen nach demselben Indexwert, um eine neue mehrdimensionale Liste zu bilden. Beispiel: zip(1px 2px 3px, solid dashed dotted, red green blue) Ergebnis: 1px solid red, 2px dashed green, 3px dotted blue |
Andere Erweiterungen