JavaScript 哈希表(对象)的三种常见用法示例
作者:纸飞机时间:2026-10-28 07:32:30浏览:577
本文总结了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>作者最新文章
JS动态构建复杂嵌套JSON对象的方法
2026-11-05 15:41:52
JS负数取余为什么是负数?详解余数与模运算区别
2026-11-05 13:34:41
JS 解压出现乱码或报错怎么解决?
2026-11-05 12:32:38
JS 中 startsWith、indexOf 与正则判断字符串前缀的对比
2026-11-04 22:19:43
JS解析Excel后怎么将数据转换为JSON格式
2026-11-04 20:58:28
