Fonctions de listes Sass
Fonctions SassLes fonctions de listes Sass servent à traiter les listes, notamment accéder aux valeurs d'une liste, ajouter des éléments à une liste, fusionner des listes, etc.
Les listes Sass sont immuables, donc lors du traitement des listes, une nouvelle liste est renvoyée plutôt que de modifier la liste d'origine.
La valeur d'index de départ d'une liste est 1 ; rappelez-vous, ce n'est pas 0.
Le tableau suivant répertorie les fonctions de liste Sass :
| Fonction | Description et exemple |
|---|---|
| append(list, value, [separator]) | Ajoute une seule valeurvalueà la fin de la liste.separatorest le séparateur ; il est automatiquement détecté par défaut, ou peut être spécifié par une virgule ou un espace. Exemple : append((a b c), d) Résultat : a b c d append((a b c), (d), comma) Résultat : a, b, c, d |
| index(list, value) | Renvoie la position d'index de l'élémentvaluedans la liste. Exemple : index(a b c, b) Résultat : 2 index(a b c, f) Résultat : null |
| is-bracketed(list) | Détermine si une liste comporte des crochets Exemple : is-bracketed([a b c]) Résultat : true is-bracketed(a b c) Résultat : false |
| join(list1, list2, [separator, bracketed]) | Fusionne deux listes, en ajoutant la listelist2à la listelist1à la fin.separatorest le séparateur ; il est automatiquement détecté par défaut, ou peut être spécifié comme une virgule ou un espace.bracketedIl détecte automatiquement la présence de crochets, et peut être défini sur true ou false. Exemple : join(a b c, d e f) Résultat : a b c d e f join((a b c), (d e f), comma) Résultat : a, b, c, d, e, f join(a b c, d e f, $bracketed: true) Résultat : [a b c d e f] |
| length(list) | Renvoie la longueur d'une liste Exemple : length(a b c) Résultat : 3 |
| list-separator(list) | Renvoie le type de séparateur d'une liste. Il peut être un espace ou une virgule. Exemple : list-separator(a b c) Résultat : "space" list-separator(a, b, c) Résultat : "comma" |
| nth(list, n) | Obtient lanvaleur de l'élément. Exemple : nth(a b c, 3) Résultat : c |
| set-nth(list, n, value) | Définit la valeur dunélément àvaleur。 Exemple : set-nth(a b c, 2, x) Résultat : a x c |
| zip(lists) | Regroupe plusieurs listes par la même valeur d'index pour former une nouvelle liste multidimensionnelle. Exemple : zip(1px 2px 3px, solid dashed dotted, red green blue) Résultat : 1px solid red, 2px dashed green, 3px dotted blue |
Autres extensions