js自定义map集合并实现CRUD增删改查

本文链接：https://blog.youkuaiyun.com/java_qq_99811494/article/details/77801040

本文介绍如何在JavaScript中自定义一个简单的Map集合，并实现增删改查（CRUD）的基本功能，旨在避免使用复杂的库或框架，保持代码轻量化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本文不深究细节，简单实现map集合，够用就行了。在此强烈鄙视那些喜欢鼓捣插件/库/框架的那些人，是他们给网页背上了沉重的包袱。JS只是一个脚本程序，一套通用的库往往伴随着一坨恶心的赘肉！！！

//    定义map集合
    var map = new Array();
//  增加
    map.push({key: 0, val: "haha"});
    map.push({key: 1, val: "hehe"});
    map.push({key: 2, val: "xixi"});
    map.push({key: 3, val: "gege"});
    map.push({key: "bye", val: 886});
//  删除
    Array.prototype.del = function (key) {
        for (var i = 0, m; m = this[i]; i++) {
            if (m.key == key) {
                this.splice(i, 1);
                return;
            }
        }
    };
    map.del(3);//原型的方法有瑕疵，创建的Array必须符合本map规范才能调用这个函数
//    del(map,3);//建议使用这种方法调用，该函数实现代码未写出
//    修改
    function update(map, key, value) {
        for (var i = 0, m; m = map[i]; i++) {
            if (m.key == key) {
                m.val = value;
                return;
            }
        }
    }
//    update(map,3,"咯咯");
//    查找
    function select(map, key) {
        for (var i = 0, m; m = map[i]; i++) {
            if (m.key == key) {
                return m.val;
            }
        }
    }
//    console.log(select(map,3));
//    遍历
    for (var i = 0, m; m = map[i]; i++) {
        console.log(m.key + "..." + m.val);
    }