• 회원가입
  • 로그인
  • 구글아이디로 로그인

[func] SASS - Map Functions (맵 함수) 종류

3,759  

 

 

1. map 의미.

"key1:value1, key2:value2, ..." 형식의 데이터 의미. 

 

2. map 형태로 list 함수 사용 가능. 

이 경우, map은 2개 요소 가진 리스트로 간주됨.

 

3. map은 변경 불가함.

따라서, map 함수들 경우, 새로운 map을 생성해 반환.

 

 

 

map-get(map, key)

map에서 지정 key의 값을 반환.

(예제)

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

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

Result: 12px

 


map-has-key(map, key)

map이 지정 key를 갖고 있는지 여부 체크. true/false 반환.

(예제)

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

map-has-key($font-sizes, "big")

Result: false

 


map-keys(map)

map의 모든 key 리스트 반환.

(예제)

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

map-keys($font-sizes)

Result: "small", "normal, "large"

 


map-merge(map1, map2)

map1 끝에 map2를 추가.

(예제)

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

$font-sizes2: ("x-large": 30px, "xx-large": 36px)

map-merge($font-sizes, $font-sizes2)

Result: "small": 12px, "normal": 18px, "large": 24px, "x-large": 30px, "xx-large": 36px

 


map-remove(map, key1, key2, ...)

map에서 지정 key를 제거.

(예제)

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

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

Result: ("normal": 18px, "large": 24px)

map-remove($font-sizes, "small", "large")

Result: ("normal": 18px)

 


map-values(map)

map 안의 모든 값 리스트를 반환.

(예제)

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

map-values($font-sizes)

Result: 12px, 18px, 24px

 

 


분류 제목
basic SASS - Home (입문)
basic SASS - Intro (소개)・Comments (주석)
basic SASS - Installation (설치)
basic SASS - Variables (변수)
basic SASS - Nesting (안긴 형태)
basic SASS - @import (가져오기)
basic SASS - @mixin (믹스인)・@include (인클루드)
basic SASS - @extend (상속・확장)
func SASS - String Functions (문자열 함수) 종류
func SASS - Numeric Functions (숫자 함수) 종류
func SASS - List Functions (리스트 함수) 종류
func SASS - Map Functions (맵 함수) 종류
func SASS - Selector Functions (선택자 함수) 종류
func SASS - Introspection Functions (내부검사 함수) 종류
func SASS - Color Functions (색상/색깔 함수) 종류
목록
찾아주셔서 감사합니다. Since 2012