<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 

  
      
    

          

	
          
		
          
			
          
				
          JavaScript -- Map數(shù)據(jù)結(jié)構(gòu)
          
				
           2021-8-20      前端達(dá)人      
          
			
          
			
          
				

          
    什么是Map

          

          
    Map和對(duì)象類似都是鍵值對(duì)的集合。

          

          
    Map和對(duì)象的區(qū)別

          

          
    對(duì)象一般用字符串當(dāng)鍵。

          

          
    Map可以用數(shù)字、字符串、布爾值、null、undefined、數(shù)組、對(duì)象、Set、Map等做鍵。
          
在這里插入圖片描述

          

          
    Map實(shí)例的屬性和方法

          

          
    set()

          

          
    向Map實(shí)例中添加新成員，可連續(xù)添加。
          
如果新成員的鍵已存在，那么新成員將會(huì)覆蓋以存在的鍵。
          
在這里插入圖片描述

          

          
    get()

          

          
    通過(guò)Map實(shí)例的鍵，來(lái)訪問其對(duì)應(yīng)的值。

          

          
    獲取不存在的成員返回undefined。
          
在這里插入圖片描述
          
在這里插入圖片描述

          

          
    has()

          

          
    通過(guò)Map實(shí)例的鍵，來(lái)判斷成員是否存在。
          
在這里插入圖片描述

          

          
    delete()

          

          
    刪除Map實(shí)例成員，刪除實(shí)例中不存在的成員不報(bào)錯(cuò)。
          
在這里插入圖片描述

          

          
    clear()

          

          
    清空Map實(shí)例成員。
          
在這里插入圖片描述

          

          
    forEach()

          

          
    遍歷Map實(shí)例成員，接收兩個(gè)參數(shù)，第一個(gè)是一個(gè)回調(diào)，回調(diào)接收三個(gè)參數(shù)：value、key、Map。第二個(gè)參數(shù)是是this指向。
          
在這里插入圖片描述

          

          
    size屬性

          

          
    獲取Map成員個(gè)數(shù)。
          
在這里插入圖片描述

          

          
    Map構(gòu)造函數(shù)

          

          
    二維數(shù)組

          

          
    在這里插入圖片描述

          

          
    Set

          

          
    Set必須體現(xiàn)出鍵和值。
          
在這里插入圖片描述

          

          
    Map

          

          
    Map作為參數(shù)，傳入構(gòu)造函數(shù)，相當(dāng)于Map實(shí)例的克隆。
          
在這里插入圖片描述

          

          
    Map注意事項(xiàng)

          

          
    Map對(duì)于重復(fù)鍵的判斷基本遵循 ===，但在Map中NaN ===NaN。

          

          
    Map的應(yīng)用

          

          
    操作DOM

          

           <p>1</p> <p>2</p> <script> const [p1,p2] = document.querySelectorAll('p'); const m = new Map([ [p1,'red'], [p2,'blue'] ]); m.forEach((color, elem) => { elem.style.color = color }) </script> 

            

    
          • 
        1
    
            • 

    
          • 
        2
    
            • 

    
          • 
        3
    
            • 

    
          • 
        4
    
            • 

    
          • 
        5
    
            • 

    
          • 
        6
    
            • 

    
          • 
        7
    
            • 

    
          • 
        8
    
            • 

    
          • 
        9
    
            • 

    
          • 
        10
    
            • 

    
          • 
        11
    
            • 

    
          • 
        12
    
            • 


          

          

          
    在這里插入圖片描述
          

          
    
          
        藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)掃碼ben_lanlan，報(bào)下信息，會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。
    
          
文章來(lái)源：csdn
    
          
        分享此文一切功德，皆悉回向給文章原作者及眾讀者.
          
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
          
          
    
          
    
          
        藍(lán)藍(lán)設(shè)計(jì)( www.sdgs6788.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
    
          
    
          
        
          
          
    
          

          				
          
								
			
          
		
          
		
		
	
          


          
    
  
          
    
          日歷
          
    
          
        
          
        
    
          
  
          
    
    
          
      
          鏈接
          
      
            
                
          
    
          
    
          
      
          個(gè)人資料
          
      
    
          
    
          
      
          存檔
          
      
    
          

          

          





九九久久99综合一区二区|
久久久精品一区二区三区|
国产欧美久久久精品|
亚洲中文字幕久久精品无码喷水|
久久99精品国产麻豆不卡|
亚洲午夜精品久久久久久人妖|
久久精品人人做人人妻人人玩|
99久久国产宗和精品1上映
|
伊人久久大香线蕉综合影院首页|
理论片午午伦夜理片久久|
久久国产成人亚洲精品影院|
久久国产乱子伦精品免费午夜|
久久亚洲综合色一区二区三区|
亚洲一本综合久久|
国产精品一久久香蕉产线看|
97超级碰碰碰久久久久|
久久国产亚洲精品无码|
高清免费久久午夜精品|
欧美亚洲另类久久综合|
国産精品久久久久久久|
久久最新免费视频|
久久久久久精品免费看SSS|
国产亚洲精久久久久久无码77777|
欧美精品九九99久久在观看|
精品人妻伦九区久久AAA片69|
久久婷婷色综合一区二区|
人人狠狠综合久久亚洲婷婷|
奇米影视7777久久精品|
69久久夜色精品国产69|
国产69精品久久久久99|
四虎影视久久久免费观看|
久久无码AV中文出轨人妻|
久久综合88熟人妻|
精品999久久久久久中文字幕|
久久国产精品-国产精品|
国产精品激情综合久久|
精品无码久久久久国产动漫3d|
99麻豆久久久国产精品免费|
久久人人超碰精品CAOPOREN|
亚洲αv久久久噜噜噜噜噜|
97精品伊人久久久大香线蕉|