温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

javascript中有没有hashmap

发布时间:2021-11-18 11:34:23 阅读:234 作者:小新 栏目:web开发
前端开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

这篇文章主要介绍javascript中有没有hashmap,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

javascript中有hashmap,其实现hashmap的方法是“function HashMap(){this.map = {};}HashMap.prototype = {put : function...}”。

本文操作环境:windows7系统、javascript1.8.5版、DELL G3电脑

JavaScript中HashMap的实现

什么是HashMap?

基于哈希表的 Map 接口的实现。此实现提供所有可选的映射操作,并允许使用 null 值和 null 键。(除了非同步和允许使用 null 之外,HashMap 类与 Hashtable 大致相同。)此类不保证映射的顺序,特别是它不保证该顺序恒久不变。 此实现假定哈希函数将元素适当地分布在各桶之间,可为基本操作(get 和 put)提供稳定的性能。迭代 collection 视图所需的时间与 HashMap 实例的“容量”(桶的数量)及其大小(键-值映射关系数)成比例。
所以,如果迭代性能很重要,则不要将初始容量设置得太高(或将加载因子设置得太低)。

JavaScript中HashMap的实现
    var emojMap = ["[笑脸]""[微笑]""[喜欢]""[飞吻]""[尖叫]"
        , "[大哭]""[哭笑不得]""[墨镜]""[饿了]""[发呆]",
        "[沉思]""[不屑]""[鬼脸]""[得意]""[发怒]",
        "[眨眼]""[汗]""[舒服]""[糟糕]""[张嘴]",
        "[口罩]""[没有嘴]""[恶魔]""[睡觉]""[困乏]",
        "[难受]""[调皮]""[倔强]""[困惑]""[天使]",
        "[不看]""[不听]""[不说]""[祈祷]""[剪刀手]",
        "[拳头]""[楼上]""[好的]""[赞]""[鄙视]",
        "[鼓掌]""[星星]""[心]""[心碎]""[满分]",
        "[钱袋]""[便便]""[鬼魂]""[眼睛]""[鼻子]",
        "[耳朵]""[嘴巴]""[舌头]""[猪]""[狗]",
        "[猴子]""[小马]""[熊猫]""[熊]""[外星人]"
    ];

这个数组装的我们开发过程中约定的Emoji识别数据,发送给Server端的数据

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

我们需要解析以"[XX]"这样格式的数据来匹配相对应的图片

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的数组(Array) 
            var _keys = [];
            for(var i in this.map){
                _keys.push(i);
            }
            return _keys;
        }
    };
    HashMap.prototype.constructor = HashMap;

以上就是我们封装的HashMap操作方法。

利用HashMap开发Emoji表情库

最开始我想过几种方案,就像emojiMap数组一样,如果对方发消息过来

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分割成数组,然后用replace替换相对应的图片,后来发现这种方案表情发多了会出现问题,无法替换.
而且需要指定数组下标的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中对应的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的好处就是不用担心key的位置了,因为每个key都对应一个val。

这样就可以完美替换成Emoji图片展示了。

以上是“javascript中有没有hashmap”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注亿速云行业资讯频道!

亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI

开发者交流群×