Sass 列表函式
Sass 列表函式
列表函式用於訪問列表中的值、合併列表以及向列表中新增項。
Sass 列表是不可變的（它們無法更改）。因此，返回列表的列表函式將返回一個新列表，而不會更改原始列表。
Sass 列表是從 1 開始索引的。列表中的第一個列表項的索引是 1，而不是 0。
下表列出了 Sass 中的所有列表函式
| 函式 | 描述 & 示例 |
|---|---|
| append(list, value, [separator]) | 將單個值新增到列表的末尾。separator 可以是 auto、comma 或 space。auto 是預設值。 示例： append((a b c), d) 結果：a b c d append((a b c), (d), comma) 結果：a, b, c, d |
| index(list, value) | 返回列表中值的索引位置。 示例 index(a b c, b) 結果：2 index(a b c, f) 結果：null |
| is-bracketed(list) | 檢查列表是否帶有方括號。 示例 is-bracketed([a b c]) 結果： true is-bracketed(a b c) 結果： false |
| join(list1, list2, [separator, bracketed]) | 將list2追加到list1的末尾。separator 可以是 auto、comma 或 space。auto 是預設值（將使用第一個列表中的分隔符）。bracketed 可以是 auto、true 或 false。auto 是預設值。 示例 join(a b c, d e f) 結果：a b c d e f join((a b c), (d e f), comma) 結果：a, b, c, d, e, f join(a b c, d e f, $bracketed: true) 結果：[a b c d e f] |
| length(list) | 返回列表的長度。 示例 length(a b c) 結果：3 |
| list-separator(list) | 返回列表分隔符，字串形式。可以是 space 或 comma。 示例 list-separator(a b c) 結果："space" list-separator(a, b, c) 結果："comma" |
| nth(list, n) | 返回列表中的第n個元素。 示例 nth(a b c, 3) 結果：c |
| set-nth(list, n, value) | 將第n個列表元素設定為指定的值。 示例 set-nth(a b c, 2, x) 結果：a x c |
| zip(lists) | 將列表合併為單個多維列表。 示例 zip(1px 2px 3px, solid dashed dotted, red green blue) 結果：1px solid red, 2px dashed green, 3px dotted blue |
