首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 Javascript

JS模拟实现哈希表及应用详解

Posted in Javascript onMay 04, 2018

本文实例讲述了JS模拟实现哈希表及应用。分享给大家供大家参考，具体如下：

在算法中，尤其是有关数组的算法中，哈希表的使用可以很好的解决问题，所以这篇文章会记录一些有关js实现哈希表并给出解决实际问题的例子。

说明： 这篇文章所写并不是真正意义的哈希表，只是与哈希表的使用有相似之处。

第一部分：相关知识点

属性的枚举:

var person = {
  name: "zzw",
  sex: "Male",
  age: 21
};
for (var prop in person) {
  console.log(prop + " ",person[prop]);
}

输出：

JS模拟实现哈希表及应用详解

即对于对象而言，我们可以使用for in来枚举对象的属性。

属性的删除：

var person = {
  name: "zzw",
  sex: "Male",
  age: 21
};
var ifRemove = delete person.name;
for (var prop in person) {
  console.log(prop + " ",person[prop]);
}
console.log(ifRemove);

对象的属性可以通过 delete 来删除，并且会有一个返回值。 如下：

JS模拟实现哈希表及应用详解

注意： 一般只有对象的属性才可以删除，而变量是不能删除的，如：

var x = 1;
console.log(delete x);

这时打印台输出false，因为变量是不可被删除的。

检测属性是否存在：

var person = {
  name: "zzw",
  sex: "Male",
  age: 21
};
console.log("age" in person);
console.log("someOther" in person);

前者返回true，后者返回false。 即我们可以使用in来确定一个对象是否含有该属性。

属性的添加：

var person = {
  name: "zzw",
  sex: "Male",
  age: 21
};
person["school"] = "XJTU";
console.log(person);

属性的添加非常简单，如上所示，最终打印出来的对象是包含 school 属性的。

第二部分: 使用js实现哈希表

下面是通过构造函数得到一个哈希表，在使用时只需实例化即可，且下面的功能较为丰富，在实际问题中，我们可以选择性的使用 。

// 创建构造函数HashTable
function HashTable() {
    // 初始化哈希表的记录条数size
    var size = 0;
    // 创建对象用于接受键值对
    var res = {};
    // 添加关键字，无返回值
    this.add = function (key, value) {
      //判断哈希表中是否存在key，若不存在，则size加1，且赋值
      if (!this.containKey(key)) {
        size++;
      }
      // 如果之前不存在，赋值； 如果之前存在，覆盖。
      res[key] = value;
    };
    // 删除关键字, 如果哈希表中包含key，并且delete返回true则删除，并使得size减1
    this.remove = function (key) {
      if (this.containKey(key) && (delete res[key])) {
        size--;
      }
    };
    // 哈希表中是否包含key，返回一个布尔值
    this.containKey = function (key) {
      return (key in res);
    };
    // 哈希表中是否包含value，返回一个布尔值
    this.containValue = function (value) {
      // 遍历对象中的属性值，判断是否和给定value相等
      for (var prop in res) {
        if (res[prop] === value) {
          return true;
        }
      }
      return false;
    };
    // 根据键获取value,如果不存在就返回null
    this.getValue = function (key) {
      return this.containKey(key) ? res[key] : null;
    };
    // 获取哈希表中的所有value, 返回一个数组
    this.getAllValues = function () {
      var values = [];
      for (var prop in res) {
        values.push(res[prop]);
      }
      return values;
    };
    // 根据值获取哈希表中的key，如果不存在就返回null
    this.getKey = function (value) {
      for (var prop in res) {
        if (res[prop] === value) {
          return prop;
        }
      }
      // 遍历结束没有return，就返回null
      return null;
    };
    // 获取哈希表中所有的key,返回一个数组
    this.getAllKeys = function () {
      var keys = [];
      for (var prop in res) {
        keys.push(prop);
      }
      return keys;
    };
    // 获取哈希表中记录的条数，返回一个数值
    this.getSize = function () {
      return size;
    };
    // 清空哈希表，无返回值
    this.clear = function () {
      size = 0;
      res = {};
    };
}

第三部分： 应用实例

问题：给定一个整型的数组（无序），找出其中的两个数使得其和为某个指定的值，并返回这两个数的下标（数组下标从0开始），假设数组元素的值各不相同。

实现如下：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>哈希表的使用</title>
</head>
<body>
  <script>
  function queryIndex(arr, result) {
    var hashTable = new HashTable();
    var arrLength = arr.length;
    var sub = [];
    for (var i = 0; i < arrLength; i++) {
      // 扫描一遍，存储下标和值
      hashTable.add(i, arr[i]);
    }
    for (var j = 0; j < arrLength; j++) {
      if (hashTable.containValue(result - arr[j]) && result !== 2*arr[j]) {
        // 获取两个下标，跳出循环
        sub.push(j);
        var antherIndex = Number(hashTable.getKey(result - arr[j]));
        sub.push(antherIndex);
        break;
      }
    }
    if (sub.length !== 0) {
      return sub;
    } else {
      return -1;
    }
  }
  console.log(queryIndex([1,5,7,3,8], 15)); // 2, 4
  console.log(queryIndex([8,18,28,12,29,17], 46)); // 2, 4
  console.log(queryIndex([8,18,28,12,29,17], 2)); // -1
   // 创建构造函数HashTable
  function HashTable() {
    // 初始化哈希表的记录条数size
    var size = 0;
    // 创建对象用于接受键值对
    var res = {};
    // 添加关键字，无返回值
    this.add = function (key, value) {
      //判断哈希表中是否存在key，若不存在，则size加1，且赋值
      if (!this.containKey(key)) {
        size++;
      }
      // 如果之前不存在，赋值； 如果之前存在，覆盖。
      res[key] = value;
    };
    // 删除关键字, 如果哈希表中包含key，并且delete返回true则删除，并使得size减1
    this.remove = function (key) {
      if (this.containKey(key) && (delete res[key])) {
        size--;
      }
    };
    // 哈希表中是否包含key，返回一个布尔值
    this.containKey = function (key) {
      return (key in res);
    };
    // 哈希表中是否包含value，返回一个布尔值
    this.containValue = function (value) {
      // 遍历对象中的属性值，判断是否和给定value相等
      for (var prop in res) {
        if (res[prop] === value) {
          return true;
        }
      }
      return false;
    };
    // 根据键获取value,如果不存在就返回null
    this.getValue = function (key) {
      return this.containKey(key) ? res[key] : null;
    };
    // 获取哈希表中的所有value, 返回一个数组
    this.getAllValues = function () {
      var values = [];
      for (var prop in res) {
        values.push(res[prop]);
      }
      return values;
    };
    // 根据值获取哈希表中的key，如果不存在就返回null
    this.getKey = function (value) {
      for (var prop in res) {
        if (res[prop] === value) {
          return prop;
        }
      }
      // 遍历结束没有return，就返回null
      return null;
    };
    // 获取哈希表中所有的key,返回一个数组
    this.getAllKeys = function () {
      var keys = [];
      for (var prop in res) {
        keys.push(prop);
      }
      return keys;
    };
    // 获取哈希表中记录的条数，返回一个数值
    this.getSize = function () {
      return size;
    };
    // 清空哈希表，无返回值
    this.clear = function () {
      size = 0;
      res = {};
    };
  }
  </script>
</body>
</html>

在实际的使用过程中，我们可以先写出主要的功能，然后有需要再添加。

JS模拟实现哈希表及应用详解

- Author -

Wayne-Zhu

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐
ArrayList类（增强版）
Apr 04 Javascript
深入理解javascript学习笔记（一） 编写高质量代码
Aug 09 Javascript
JavaScript NaN和Infinity特殊值 [译]
Sep 20 Javascript
js返回上一页并刷新代码整理
Dec 21 Javascript
jquery增加时编辑jqGrid(实例代码)
Nov 08 Javascript
ExtJS判断IE浏览器类型的方法
Feb 10 Javascript
javascript刷新父页面的各种方法汇总
Sep 03 Javascript
AngularJS iframe跨域打开内容时报错误的解决办法
Jan 26 Javascript
javascript基础语法学习笔记
Jan 04 Javascript
原生JavaScript实现AJAX、JSONP
Feb 07 Javascript
ztree简介_动力节点Java学院整理
Jul 19 Javascript
微信小程序实现的日期午别医生排班表功能示例
Jan 09 Javascript
vue地区选择组件教程详解
May 04 #Javascript
Vue 按键修饰符处理事件的方法
May 04 #Javascript
vue mint-ui tabbar变组件使用
May 04 #Javascript
Vue结合Video.js播放m3u8视频流的方法示例
May 04 #Javascript
原生javascript AJAX 三级联动的实现代码
May 04 #Javascript
Vue在页面右上角实现可悬浮/隐藏的系统菜单
May 04 #Javascript
vue裁切预览组件功能的实现步骤
May 04 #Javascript
内存(1) jenkins(1) 进程假死(1) ipv6(1) PV(1) 线程(1) UV(1) 弱口令(1) 连接数(1) 访问日志(2)
You might like
PHP新手入门学习方法
2011/05/08 PHP
php实现有趣的人品测试程序实例
2015/06/08 PHP
php实现中文转数字
2016/02/18 PHP
yii2 页面底部加载css和js的技巧
2016/04/21 PHP
php文件上传及下载附带显示文件及目录功能
2017/04/27 PHP
关于ThinkPhp 框架表单验证及ajax验证问题
2017/07/19 PHP
php实现微信公众号企业转账功能
2018/10/01 PHP
HR vs CL BO3 第二场 2.13
2021/03/10 DOTA
用jquery与css打造个性化的单选框和复选框
2010/10/20 Javascript
js实现商品抛物线加入购物车特效
2020/11/18 Javascript
总结AngularJS开发者最常犯的十个错误
2016/08/31 Javascript
Vue用v-for给src属性赋值的方法
2018/03/03 Javascript
vue中子组件的methods中获取到props中的值方法
2018/08/27 Javascript
vue环形进度条组件实例应用
2018/10/10 Javascript
LayUI数据接口返回实体封装的例子
2019/09/12 Javascript
jQuery实现开关灯效果
2020/08/02 jQuery
Python的自动化部署模块Fabric的安装及使用指南
2016/01/19 Python
Win7下搭建python开发环境图文教程（安装Python、pip、解释器）
2016/05/17 Python
基于python内置函数与匿名函数详解
2018/01/09 Python
Python基础教程之内置函数locals()和globals()用法分析
2018/03/16 Python
对Python发送带header的http请求方法详解
2019/01/02 Python
详解如何在Apache中运行Python WSGI应用
2019/01/02 Python
基于python的BP神经网络及异或实现过程解析
2019/09/30 Python
Python中的延迟绑定原理详解
2019/10/11 Python
python 多进程并行编程 ProcessPoolExecutor的实现
2019/10/11 Python
OpenCV Python实现拼图小游戏
2020/03/23 Python
Pycharm激活方法及详细教程(详细且实用)
2020/05/12 Python
吸烟检讨书2000字
2014/02/13 职场文书
继承公证书样本
2014/04/04 职场文书
社团活动总结
2014/04/28 职场文书
遗失说明具结保证书
2015/02/26 职场文书
2015年幼儿园班务工作总结
2015/05/12 职场文书
班级联欢会主持词
2015/07/03 职场文书
新郎新娘致辞
2015/07/31 职场文书
HTML5中 rem适配方案与 viewport 适配问题详解
2021/04/27 HTML / CSS
Python如何利用pandas读取csv数据并绘图
2022/07/07 Python