JavaScript 模拟 Map 集合的实现方式
作者:拾光时间:2026-10-29 08:08:02浏览:111
本文介绍在 JavaScript 中不使用原生 Map 时,如何通过普通对象和数组模拟实现 Map 集合的功能。文章展示了包含键值对存储、大小统计及遍历输出的基础代码结构,适用于需要兼容旧环境或理解底层原理的场景。
JavaScript 模拟 Map 集合的实现方式
在之前的项目开发中,曾遇到需要类似 Map 集合功能的需求,当时简单地使用了对象进行拼接处理。今天有空闲时间,便尝试完整实现这一功能,供参考交流。
具体实现代码如下:
var Map = function (){
/************基础变量**************/
var hashmap = {};
var keys = [];
var vals = [];
var entrys = [];
var size = 0;
var index = {};
var Entry = function(key,value){
var entryKey = key;
var entryValue = value;
this.getKey = function (){
return entryKey;
};
this.getValue = function(){
return entryValue;
};
};
/************基本方法 按字母排序**************/
this.clear = function(key) {
hashmap[key] = undefined;
var i = index[key];
entrys.splice(i,1);
vals.splice(i,1);
keys.splice(i,1);
size --;
};
this.entrySet = function() {
return entrys;
};
this.get = function(key){
return hashmap[key];
};
this.isEmpty = function() {
if(hashmap) return true;
return false;
};
this.keySet = function() {
return keys;
};
this.put = function(key,value){
if(!this.get(key)){
entrys.push(new Entry(key,value));
keys.push(key);
vals.push(value);
index[key] = size;
size ++;
} else {
var i = index[key];
entrys[i] = new Entry(key,value);
vals[i] = value;
}
hashmap[key] = value;
};
this.size = function() {
return size;
};
this.values = function() {
return vals;
};
};
/************扩展方法**************/
Map.prototype = {
containsKey : function(key) {
if(this.get(key)) return true;
return false;
},
putAll : function(set) {
for(var e in set){
if(set[e]){
this.put(e,set[e]);
}
}
},
remove : function(key) {
var v = this.get(key);
this.clear(key);
return v;
}
};
var h = new Map();
h.put('a',10);
h.put('b',11);
h.put('c',3);
h.put('d',5);
console.info(h.size());
h.clear('a');
console.info(h.containsKey('a'));
console.info(h.containsKey('b'));
console.info(h.size());
console.log(h.entrySet());
console.log(h.keySet());
console.log(h.values());
for(var i in h.entrySet()){
var obj = h.entrySet()[i];
console.log(obj.getKey() + ":" + obj.getValue());
}
上述内容即为本文的全部介绍,希望读者能够喜欢。
作者最新文章
JS处理含Emoji或中文的字符串转数组乱码问题
2026-11-05 16:12:28
JS怎么使用展开运算符合并对象
2026-11-05 14:42:18
ES6+环境下判断JS对象为空的简洁写法
2026-11-05 12:12:23
怎么通过replacer函数自定义JS中JSON的格式化输出
2026-11-05 11:19:44
JS正则表达式基础:字面量与RegExp构造函数的区别及常用元字符
2026-11-05 11:16:58
