Sass リスト関数
Sass リスト関数
リスト関数は、リスト内の値にアクセスし、リストを結合し、リストに項目を追加するために使用されます。
Sass リストは不変です (変更できません)。したがって、リストを返すリスト関数は、元のリストを変更せずに、新しいリストを返します。
Sass リストは 1 から始まります。リスト内の最初のリスト項目のインデックスは 0 ではなく 1 です。
次の表は、Sass のすべてのリスト関数を示しています。
| 関数 | 説明と例 |
|---|---|
| 追加(リスト、価値、[セパレーター]) | シングルを追加します価値リストの最後まで。セパレーターauto、カンマ、またはスペースを指定できます。自動がデフォルトです。 例： append((a b c), d) 結果: a b c d append((a b c), (d), カンマ) 結果: a、b、c、d |
| 索引（リスト、価値) | のインデックス位置を返します。価値リストにあります。 例： インデックス(a b c, b) 結果: 2 インデックス(a b c, f) 結果: null |
| かっこで囲まれています(リスト) | リストに角括弧が含まれているかどうかを確認します。 例： かっこで囲まれています([a b c]) 結果: true かっこで囲まれています(a b c) 結果： 間違い |
| 加入（シート1、リスト2、[セパレータ、括弧付き]) | 追記リスト2最後までシート1。セパレーターauto、カンマ、またはスペースを指定できます。 auto がデフォルトです (区切り文字を使用します)
最初のリスト）。括弧付きauto、true、または false のいずれかになります。自動がデフォルトです。 例： join(a b c, d e f) 結果: a b c d e f join((a b c), (d e f), コンマ） 結果: a、b、c、d、e、f join(a b c, d e f, $bracketed: true) 結果： [ab c d e f] |
| 長さ（リスト） | リストの長さを返します。 例： 長さ(a b c) 結果: 3 |
| リスト区切り文字(リスト) | 使用されるリスト区切り文字を文字列として返します。スペースまたは
コンマ。 例： リスト区切り文字(a b c) 結果：「スペース」 リスト区切り文字(a, b, c) 結果:「カンマ」 |
| n番目(リスト、n） | を返しますnリスト内の 番目の要素。 例： nth(a b c, 3) 結果: c |
| set-nth(リスト、n、価値) | を設定しますn番目のリスト要素を価値指定。 例： set-nth(a b c, 2, x) 結果: a x c |
| ジップ（リスト） | リストを 1 つの多次元リストに結合します。 例： zip(1px 2px 3px、実線、破線、赤、緑、青) 結果: 1px 赤の実線、2 ピクセルの破線の緑、3 ピクセルの点線の青 |
プログラミング学習を加速させる
プログラミングをプロの講師に教えてもらいませんか。