javascript中有沒有hashmap

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

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

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 類與 Hashtable 大致相同。）此類不保證映射的順序，特別是它不保證該順序恒久不變。 此實(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è)置得太低）。

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

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

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

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

HashMap的常用方法

鑒于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表情庫(kù)

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

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);

我最開始的想法是利用split分割成數(shù)組,然后用replace替換相對(duì)應(yīng)的圖片,后來發(fā)現(xiàn)這種方案表情發(fā)多了會(huì)出現(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中對(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中有沒有hashmap”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

新聞標(biāo)題：javascript中有沒有hashmap
本文網(wǎng)址：http://muchs.cn/article34/ipihpe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供虛擬主機(jī)、自適應(yīng)網(wǎng)站、網(wǎng)站策劃、微信小程序、定制開發(fā)、云服務(wù)器

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)

商城網(wǎng)站建設(shè)