Sass Map(マッピング)関数
Sass Map(マッピング)オブジェクトは、1つまたは複数の key/value ペアで表されます。
Sass Map は不変です。そのため、Map オブジェクトを処理する場合、元の Map オブジェクトを変更するのではなく、新しい Map オブジェクトが返されます。
以下の表に、Sass の Map 関数の一覧を示します。
| 関数 | 説明 & 例 |
|---|---|
| map-get(map, key) | 返すのは、Map 内のkey対応する value(値)です。対応する key がない場合は null 値を返します。 例: $font-sizes: ("small": 12px, "normal": 18px, "large": 24px) map-get($font-sizes, "small") 結果: 12px |
| map-has-key(map, key) | 判定：map対応する〜があるかどうかkey存在する場合は true を返し、それ以外の場合は false を返します。 例: $font-sizes: ("small": 12px, "normal": 18px, "large": 24px) map-has-key($font-sizes, "big") 結果: false |
| map-keys(map) | 返すのは、mapその中のすべての key で構成されるリストです。 例: $font-sizes: ("small": 12px, "normal": 18px, "large": 24px) map-keys($font-sizes) 結果: "small", "normal, "large" |
| map-merge(map1, map2) | 2つの map を結合して新しい map 型を形成します。つまり、map2追加する先はmap1の末尾です。 例: $font-sizes: ("small": 12px, "normal": 18px, "large": 24px) $font-sizes2: ("x-large": 30px, "xx-large": 36px) map-merge($font-sizes, $font-sizes2) 結果: "small": 12px, "normal": 18px, "large": 24px, "x-large": 30px, "xx-large": 36px |
| map-remove(map, keys...) | 削除するのは、mapその中の keys です。複数の key はカンマで区切ります。 例: $font-sizes: ("small": 12px, "normal": 18px, "large": 24px) map-remove($font-sizes, "small") 結果: ("normal": 18px, "large": 24px) map-remove($font-sizes, "small", "large") 結果: ("normal": 18px) |
| map-values(map) | 返すのは、mapその中のすべての value からなるリストです。 例: $font-sizes: ("small": 12px, "normal": 18px, "large": 24px) map-values($font-sizes) 結果: 12px, 18px, 24px |
その他の拡張