Sass マップ関数

Sass マップ関数

Sassでは、マップ(対応)データ型は一つまたは複数のキー/値対を表します。

ヒント:前ページのリスト関数とマップを一緒に使用することもできます。その場合、マップは二つの要素を持つリストとして扱われます。

Sassのマップは変更不可です(変更することができません)。したがって、マップのマップ関数は新しいマップを返し、元のマップを変更しません。

以下の表は Sass におけるすべてのマップ関数を示しています:

関数 説明 & 例
map-get(map, キー)

マップ内の指定されたキーの値を返します。

例:

$font-sizes: ("small": 12px, "normal": 18px, "large": 24px)
map-get($font-sizes, \"small\")

結果:12px

map-has-key(map, キー)

マップが指定されたキーを持つかどうかを確認します。true または false を返します。

例:

$font-sizes: ("small": 12px, "normal": 18px, "large": 24px)
map-has-key($font-sizes, \"big\")

結果:false

map-keys(map)

マップ内のすべてのキーのリストを返します。

例:

$font-sizes: ("small": 12px, "normal": 18px, "large": 24px)
map-keys($font-sizes)

結果:\"small\", \"normal\", \"large\"

map-merge(map1, map2)

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...)

指定されたキーをマップから削除します。

例:

$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)

マップ内のすべての値のリストを返します。

例:

$font-sizes: ("small": 12px, "normal": 18px, "large": 24px)
map-values($font-sizes)

結果:12px, 18px, 24px