JavaScript 哈希表(对象)的三种常见用法示例

作者:纸飞机

时间:2026-10-28

浏览:576

本文总结了JavaScript中实现哈希表的三种主要方式:利用对象字面量建立键值映射、通过嵌套对象访问深层属性,以及使用包含对象的数组进行索引操作。文章提供了具体的代码示例,展示了如何定义数据结构及获取对应值,适用于需要快速查找或存储关联数据的场景。

文章目录

利用对象字面量构建哈希表

第一种方式是利用JavaScript的对象字面量直接构建哈希表。

具体实现代码如下:

<html>
<head>
<script type="text/javascript">
// by Go_Rush(本站) from https://www.jb51.net/
var hash={
 "百度" :"http://www.baidu.com/",
 "Google" :"http://www.google.com/",
 "微软" :"http://www.microsoft.com/",
 "本站" :"https://www.jb51.net/"
};
function showUrl(element){ //使用哈稀对象
 alert(hash[element.value])
}
</head>
<body>
<form>
<input type="text" id="txt" />
<input type="button" value="测试" onclick="showUrl(document.getElementById('txt'));"/>
</form>
</body>
</html>

通过嵌套对象访问多层数据

第二种方式是通过嵌套对象来模拟多维哈希结构,适用于需要访问多层级数据的场景。


代码如下:

<script>
var ht =
  {   
"c1" : {"UserID":"userc1","UserName":"usercc1"},
"c2" : {"UserID":"userc2","UserName":"usercc2"},
"c3" : {"UserID":"userc3","UserName":"usercc3"}
  };   
alert(ht["c1"]["UserID"]);
alert(ht["c2"]["UserID"]);
</script>

使用数组对象进行索引查找

第三种方式是将对象存储在数组中,通过索引访问对象内部的属性,实现类似哈希表的查找功能。


代码如下:

<script>
var Arr =new Array({'s':'sss','aa':'www'},{'s1':'wwww','aa1':'ssss'});
alert(Arr[0].s);
alert(Arr[0].aa);
alert(Arr[1].s1);
alert(Arr[1].aa1);
</script>

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章