map-values($map)
map-values($map) 函數(shù)類(lèi)似于 map-keys($map) 功能,不同的是 map-values($map )獲取的是 $map 的所有 value 值,可以說(shuō)也將是一個(gè)列表。而且,map-values($map) 中如果有相同的 value 也將會(huì)全部獲取出來(lái)。
如前面的示例,使用:
map-values($social-colors)
將會(huì)返回:
#ea4c89,#3b5998,#171515,#db4437,#55acee
值與值之前同樣用逗號(hào)分隔。
map-merge($map1,$map2)
map-merge($map1,$map2)
map-merge($map1,$map2) 函數(shù)是將 $map1 和 $map2 合并,然后得到一個(gè)新的 $map。如果你要快速將新的值插入到 $map 中的話(huà),這種方法是最佳方法。假設(shè)我們有兩個(gè) $map:
$color: (
text: #f36,
link: #f63,
border: #ddd,
backround: #fff
);
$typo:(
font-size: 12px,
line-height: 1.6
);
如果希望將這兩個(gè) $map 合并成一個(gè) map,我們只要這樣做:
$newmap: map-merge($color,$typo);
將會(huì)生成一個(gè)新的 map:
$newmap:(
text: #f36,
link: #f63,
border: #ddd,
background: #fff,
font-size: 12px,
line-height: 1.6
);
這樣你就可以借助 map-get( ) 等函數(shù)做其他事情了。
不過(guò)有一點(diǎn)需要注意,如果 $map1 和 $map2 中有相同的 $key 名,那么將 $map2 中的 $key 會(huì)取代 $map1 中的:
$color: (
text: #f36,
link: #f63,
border: #ddd,
backround: #fff
);
$typo:(
font-size: 12px,
line-height: 1.6,
border: #ccc,
background: #000
);
執(zhí)行:
$newmap: map-merge($color,$typo);
得到的新 map:
$newmap:(
text: #f36,
link: #f63,
font-size: 12px,
line-height: 1.6,
border: #ccc,
background: #000
);
小伙伴們,現(xiàn)在讓我們來(lái)練習(xí)一下map-values($map)、map-merge($map1,$map2)的用法吧!
請(qǐng)驗(yàn)證,完成請(qǐng)求
由于請(qǐng)求次數(shù)過(guò)多,請(qǐng)先驗(yàn)證,完成再次請(qǐng)求
打開(kāi)微信掃碼自動(dòng)綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書(shū)簽
舉報(bào)