相关文章推荐
冷静的围巾  ·  wr720n刷成网络打印_OPENWRT ...·  1 年前    · 
高大的拐杖  ·  广州市海珠区2023年国民经济和社会发展计划 ...·  1 年前    · 
温暖的便当  ·  棋鬼王和江流儿谁厉害 – 快看漫画问答·  1 年前    · 
酷酷的鸵鸟  ·  生命科学学院技术管理与植物学党支部 ...·  1 年前    · 
傻傻的大海  ·  和月伸宏回归 漫画《浪客剑心 ...·  2 年前    · 
Code  ›  ES6-MapES5模拟实现开发者社区
key hash typeof
https://cloud.tencent.com/developer/article/1699564
神勇威武的茶壶
2 年前
作者头像
envoke
0 篇文章

ES6-MapES5模拟实现

前往专栏
腾讯云
开发者社区
文档 意见反馈 控制台
首页
学习
活动
专区
工具
TVP
文章/答案/技术大牛
发布
首页
学习
活动
专区
工具
TVP
返回腾讯云官网
社区首页 > 专栏 > 我们一无所有,我们巍然矗立 > ES6-MapES5模拟实现

ES6-MapES5模拟实现

作者头像
envoke
发布 于 2020-09-17 11:28:49
328 0
发布 于 2020-09-17 11:28:49
举报

ES6-MapES5模拟实现

    • Map的主要原理
      • 实现原来Map中的部分api

##ES6Map粗略介绍 ES6中Map具有以下特点:

  • 任何值都可以存入Map当中,可以是function,undefined等
  • 是一种新的数据结构
  • 查询效率高

Map的主要原理

  • 桶
  • hash算法
  • 链表查询

实现原来Map中的部分api

1.首先来创建我们自己的Map工厂,构建初始化函数

	function myMap(){
		this.bucketLength = 8;
		this.init();
	myMap.prototype.init = function(){
		//创建一个长度为8的数组,也就是创建了8个桶
		this.bucket = new Array(this.bucketLength);
	}
  1. 实现hash算法 hash算法的实质为通过一些方程式将不确定的值转化为特定的值
	//方法接收一个key值,根据key值返回一个特点的数
	myMap.prototype.hash = function(key){
		let hash = 0;
		if(!(typeof key === "string")){
			if(typeof key === "number"){
				if(Object.is(key,NaN)){
					hash = 0;
				}else hash = key;
			}else if(typeof key === "boolean"){
				hash = 1;
			}else if(typeof key === "object"){
				hash = 2;
			}else if(typeof key === "function"){
				hash =3;
			}else{//处理undefined
				hash = 4;
		}else{
			//如果是string类型
			for(var i = 0; i < 3; i++){
				hash += key.charCodeAt(i);
		return hash % 8;
	}

3.根据key获取一个临时的桶

	myMap.prototype.getTempBucket = function(key){
		let index = this.hash(key);
		return this.bucket[index];
	}

4.实现Map的存值方法,set

	myMap.prototype.set = function(key, value){
		let tempBucket = this.getTempBucket(key);
		//使用while循环去查找,如果找到了,就赋值,
		while(tempBucket.next){
			if(tempBucket.next.key == key){
				tempBucket.next.value = value;
			}else tempBucket.next = tempBucket.next.next;
		//没找到就重新创建一个
		tempBucket.next = {
			key: key,
			value: value,
			next: null
	}

5.实现取值方法

	myMap.prototype.get = function(key){
		let tempBucket = this.getTempBucket(key);
		while(tempBucket.next){
			if(tempBucket.next.key == key){
				return tempBucket.next.value;
			}else tempBucket.next = tempBucket.next.next;
		return undefined;
	}

6.实现delete方法

	myMap.prototype.delete= function(key){
		let tempBucket = this.getTempBucket(key);
		while(tempBucket.next){
			if(tempBucket.next.key == key){
				tempBucket.next = tempBucket.next.next;
				return true;
			}else tempBucket.next = tempBucket.next.next;
		return false;
	}

7.实现has方法

	myMap.prototype.has= function(key){
		let tempBucket = this.getTempBucket(key);
		while(tempBucket.next){
			if(tempBucket.next.key == key){
				return true;
			}else tempBucket.next = tempBucket.next.next;
 
推荐文章
冷静的围巾  ·  wr720n刷成网络打印_OPENWRT for TP-LINK TL-WR720N 4M-8M固件,含NAS、3G、Printer,支持3070和8187网卡 20120906 - V2EX...
1 年前
高大的拐杖  ·  广州市海珠区2023年国民经济和社会发展计划执行情况与2024年计划草案的报告  广州市海珠区人民政府门户网站
1 年前
温暖的便当  ·  棋鬼王和江流儿谁厉害 – 快看漫画问答
1 年前
酷酷的鸵鸟  ·  生命科学学院技术管理与植物学党支部 举行党史学习教育主题党日活动
1 年前
傻傻的大海  ·  和月伸宏回归 漫画《浪客剑心 北海道篇》连载再开_网易订阅
2 年前
今天看啥   ·   Py中国   ·   codingpro   ·   小百科   ·   link之家   ·   卧龙AI搜索
删除内容请联系邮箱 2879853325@qq.com
Code - 代码工具平台
© 2024 ~ 沪ICP备11025650号