Funciones de lista (List) de Sass
Funciones de SassLas funciones de lista (List) de Sass se utilizan para manejar listas; pueden acceder a los valores de una lista, agregar elementos a la lista, fusionar listas, etc.
Las listas de Sass son inmutables, por lo que al trabajar con listas se devuelve una nueva lista, en lugar de modificar la lista original.
El índice inicial de una lista es 1, recuerda que no es 0.
La siguiente tabla enumera las funciones de lista de Sass:
| Función | Descripción y ejemplo |
|---|---|
| append(list, value, [separator]) | Agrega un solo valorvalueal final de la lista.separatores el separador; por defecto se detecta automáticamente, o se puede especificar como coma o espacio. Ejemplo: append((a b c), d) Resultado: a b c d append((a b c), (d), comma) Resultado: a, b, c, d |
| index(list, value) | Devuelve la posición de índice del elementovalueen la lista. Ejemplo: index(a b c, b) Resultado: 2 index(a b c, f) Resultado: null |
| is-bracketed(list) | Comprueba si la lista tiene corchetes. Ejemplo: is-bracketed([a b c]) Resultado: true is-bracketed(a b c) Resultado: false |
| join(list1, list2, [separator, bracketed]) | Fusiona dos listas; agrega la listalist2a la listalist1al final.separatores el separador; por defecto se detecta automáticamente, o se puede especificar como coma o espacio.bracketedPor defecto detecta automáticamente si hay corchetes; se puede establecer como true o false. Ejemplo: join(a b c, d e f) Resultado: a b c d e f join((a b c), (d e f), comma) Resultado: a, b, c, d, e, f join(a b c, d e f, $bracketed: true) Resultado: [a b c d e f] |
| length(list) | Devuelve la longitud de la lista Ejemplo: length(a b c) Resultado: 3 |
| list-separator(list) | Devuelve el tipo de separador de una lista. Puede ser espacio o coma. Ejemplo: list-separator(a b c) Resultado: "space" list-separator(a, b, c) Resultado: "comma" |
| nth(list, n) | Obtiene el valor del elemento en la posiciónnde la lista. Ejemplo: nth(a b c, 3) Resultado: c |
| set-nth(list, n, value) | Establece el valor del elemento en la posiciónnde la lista comovalue。 Ejemplo: set-nth(a b c, 2, x) Resultado: a x c |
| zip(lists) | Toma varias listas, agrupa los elementos con el mismo índice y forma una nueva lista multidimensional. Ejemplo: zip(1px 2px 3px, solid dashed dotted, red green blue) Resultado: 1px solid red, 2px dashed green, 3px dotted blue |
Otras extensiones