javascript中有沒(méi)有hashmap

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

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

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

JavaScript中HashMap的實(shí)現(xiàn)

什么是HashMap?

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

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

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

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

我們需要解析以"[XX]"這樣格式的數(shù)據(jù)來(lái)匹配相對(duì)應(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開(kāi)發(fā)Emoji表情庫(kù)

最開(kāi)始我想過(guò)幾種方案,就像emojiMap數(shù)組一樣,如果對(duì)方發(fā)消息過(guò)來(lái)

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

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

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

    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中對(duì)應(yīng)的Value
        txt = hashMap.get(str.match(r)[i])
        tpl = "<img src='" + i + ".png' >";
        str = str.split(m[i]).join(tpl);
    }
    str=str.replace(/\[|]/g,'');
    console.log(str);

使用HasMap的好處就是不用擔(dān)心key的位置了,因?yàn)槊總€(gè)key都對(duì)應(yīng)一個(gè)val。

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

以上是“javascript中有沒(méi)有hashmap”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！