Sass リスト関数
Sass リスト関数
リスト関数はリスト内の値にアクセスし、リストを組み合わせ、リストに項目を追加するために使用されます。
Sass リストは変更不可能です（変更できません）。したがって、リストのリスト関数は新しいリストを返し、元のリストを変更しません。
Sass リストは 1 から始まります。リストの最初の要素はインデックス 1、0 ではありません。
以下に Sass で使用できるすべてのリスト関数を示します：
| 関数 | 説明 & 例 |
|---|---|
| append(list, value, [separator]) |
リストの末尾に単一の値を追加します。 例：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 の末尾。 例：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) |
リストを1つのマルチ次元リストにまとめます。 例：zip(1px 2px 3px, solid dashed dotted, red green blue) 結果：1px solid red, 2px dashed green, 3px dotted blue |
