댓글 목록

Sass Map 함수

페이지 정보

작성자 운영자 작성일 19-06-04 11:57 조회 1,281 댓글 0

동영상 강좌는 유튜브 채널 '웹학교'를 이용하시기 바랍니다.

Sass Map 함수 


Sass에서 지도 데이터 유형은 하나 이상의 키/값 쌍을 나타냅니다.


** Map을 사용하여 이전 페이지의 List 기능을 사용할 수도 있습니다. 

** 그런 다음 지도는 두 요소가 있는 목록으로 처리됩니다.


Sass 맵은 변경할 수 없습니다 (변경할 수 없음). 따라서 지도를 반환하는지도 함수는 새 지도를 반환하고 원래 지도는 변경하지 않습니다. 


다음 표는 Sass의 모든 맵 함수를 나열합니다.

 Function

 Description & Example

 map-get(map, key)

지정된 키의 값을 맵에 돌려줍니다.


예:

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

map-get($font-sizes, "small")

결과 : 12px

 map-has-key(map, key)

지도에 지정된 키가 있는지 여부를 확인합니다. 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



댓글목록 0

등록된 댓글이 없습니다.