Sass 매핑 함수

Sass 매핑 함수

Sass에서 맵(map) 데이터 타입은 하나나 여러 개의 키/값 쌍을 나타냅니다.

힌트:이전 페이지의 List 함수와 맵을 함께 사용할 수도 있습니다. 그런 다음 맵은 두 요소를 가진 목록으로 간주됩니다.

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