這篇文章主要介紹javascript中有沒有hashmap，文中介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要看完！

我們注重客戶提出的每個要求，我們充分考慮每一個細(xì)節(jié)，我們積極的做好網(wǎng)站建設(shè)、成都網(wǎng)站建設(shè)服務(wù)，我們努力開拓更好的視野，通過不懈的努力，創(chuàng)新互聯(lián)贏得了業(yè)內(nèi)的良好聲譽，這一切，也不斷的激勵著我們更好的服務(wù)客戶。 主要業(yè)務(wù)：網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)站設(shè)計,重慶小程序開發(fā)公司,網(wǎng)站開發(fā),技術(shù)開發(fā)實力，DIV+CSS，PHP及ASP，ASP.Net，SQL數(shù)據(jù)庫的技術(shù)開發(fā)工程師。

javascript中有hashmap，其實現(xiàn)hashmap的方法是“function HashMap(){this.map = {};}HashMap.prototype = {put : function...}”。

本文操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、DELL G3電腦

JavaScript中HashMap的實現(xiàn)

什么是HashMap?

基于哈希表的 Map 接口的實現(xiàn)。此實現(xiàn)提供所有可選的映射操作，并允許使用 null 值和 null 鍵。（除了非同步和允許使用 null 之外，HashMap 類與 Hashtable 大致相同。）此類不保證映射的順序，特別是它不保證該順序恒久不變。 此實現(xiàn)假定哈希函數(shù)將元素適當(dāng)?shù)胤植荚诟魍爸g，可為基本操作（get 和 put）提供穩(wěn)定的性能。迭代 collection 視圖所需的時間與 HashMap 實例的“容量”（桶的數(shù)量）及其大?。ㄦI-值映射關(guān)系數(shù)）成比例。
所以，如果迭代性能很重要，則不要將初始容量設(shè)置得太高（或?qū)⒓虞d因子設(shè)置得太低）。

    var emojMap = ["[笑臉]", "[微笑]", "[喜歡]", "[飛吻]", "[尖叫]"
        , "[大哭]", "[哭笑不得]", "[墨鏡]", "[餓了]", "[發(fā)呆]",
        "[沉思]", "[不屑]", "[鬼臉]", "[得意]", "[發(fā)怒]",
        "[眨眼]", "[汗]", "[舒服]", "[糟糕]", "[張嘴]",
        "[口罩]", "[沒有嘴]", "[惡魔]", "[睡覺]", "[困乏]",
        "[難受]", "[調(diào)皮]", "[倔強]", "[困惑]", "[天使]",
        "[不看]", "[不聽]", "[不說]", "[祈禱]", "[剪刀手]",
        "[拳頭]", "[樓上]", "[好的]", "[贊]", "[鄙視]",
        "[鼓掌]", "[星星]", "[心]", "[心碎]", "[滿分]",
        "[錢袋]", "[便便]", "[鬼魂]", "[眼睛]", "[鼻子]",
        "[耳朵]", "[嘴巴]", "[舌頭]", "[豬]", "[狗]",
        "[猴子]", "[小馬]", "[熊貓]", "[熊]", "[外星人]"
    ];

這個數(shù)組裝的我們開發(fā)過程中約定的Emoji識別數(shù)據(jù),發(fā)送給Server端的數(shù)據(jù)

eg:我是HelloWord![微笑]格式

我們需要解析以"[XX]"這樣格式的數(shù)據(jù)來匹配相對應(yīng)的圖片

鑒于HashMap的操作我們需要封裝一下常用操作方法

    function HashMap(){
        this.map = {};
    }
    HashMap.prototype = {
        put : function(key , value){// 向Map中增加元素（key, value) 
            this.map[key] = value;
        },
        get : function(key){ //獲取指定Key的元素值Value，失敗返回Null 
            if(this.map.hasOwnProperty(key)){
                return this.map[key];
            }
            return null;
        },
        remove : function(key){ // 刪除指定Key的元素，成功返回True，失敗返回False
            if(this.map.hasOwnProperty(key)){
                return delete this.map[key];
            }
            return false;
        },
        removeAll : function(){  //清空HashMap所有元素
            this.map = {};
        },
        keySet : function(){ //獲取Map中所有KEY的數(shù)組（Array） 
            var _keys = [];
            for(var i in this.map){
                _keys.push(i);
            }
            return _keys;
        }
    };
    HashMap.prototype.constructor = HashMap;

以上就是我們封裝的HashMap操作方法。

利用HashMap開發(fā)Emoji表情庫

最開始我想過幾種方案,就像emojiMap數(shù)組一樣,如果對方發(fā)消息過來

eg:我是HelloWord![微笑]格式

    var r = /\[(.+?)\]/g;
    var str = "[笑臉][喜歡]emoji表情";
    var txt,url,tpl;
    for (var i in str.match(r)) {
        tpl = "";
        str = str.replace(str.match(r)[i],tpl);
    }
    console.log(str);

我最開始的想法是利用split分割成數(shù)組,然后用replace替換相對應(yīng)的圖片,后來發(fā)現(xiàn)這種方案表情發(fā)多了會出現(xiàn)問題,無法替換.
而且需要指定數(shù)組下標(biāo)的index位置
后來我改成以下方法:

    var hashMap = new HashMap();
    //先向hashMap中存入元素
    for(var i in emojMap){
        hashMap.put(emojMap[i] ,(parseInt(i))+'.png');
    }
    var r = /([^\[\]]+)(?=\])/g;
    var str = "[笑臉][喜歡]emoji表情";
    var txt,url,tpl;
    for (var i in str.match(r)) {
        //獲取hashMap中對應(yīng)的Value
        txt = hashMap.get(str.match(r)[i])
        tpl = "";
        str = str.split(m[i]).join(tpl);
    }
    str=str.replace(/\[|]/g,'');
    console.log(str);

使用HasMap的好處就是不用擔(dān)心key的位置了,因為每個key都對應(yīng)一個val。

這樣就可以完美替換成Emoji圖片展示了。

以上是“javascript中有沒有hashmap”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！