javascript关联数组用法总结

时间:2012-12-29 08:41来源:未知作者:admin 点击: 次

分享到：

本文章总结了关于javascript关联数组用法总结，有面要了解js关联数组的朋友可参考本文章。刚学JS的时候好像记得JS中是没有关联数组的，写PHP程序用关联数组习惯了，写JS的时候就比较

本文章总结了关于javascript关联数组用法总结，有面要了解js关联数组的朋友可参考本文章。

刚学JS的时候好像记得JS中是没有关联数组的，写PHP程序用关联数组习惯了，写JS的时候就比较别扭，今天

在晚上找了些资料，说JS中是通过对象来实现关联数组的，一般程序中的数据类型有以下几种：

第一种类型是scalar（标量），一个单独的string或数字。
第二种类型是sequence（序列），若干个相关的数据按照一定顺序并列在一起，通常叫做List(列表)，比如“a,b,c”，但在JS中这叫做array（数组，只能通过下标访问元素 ps:这个概念把我混淆了。
第三种类型是map（映射），一个键/值对（Key/value），又称作hash（散列）或dictionary（字典），比如“a:b，c:d”。

既然JS对象可以实现hash表，在JS中可以通过new Array() 来使用关联数组，

Hash关联数组定义

代码如下

// 定义空数组
myhash = { }

// 直接定义数组
myhash = {”key1″:”val1″, “key2″:”val2″ }

// 用Array 定义数组
myhash = new Array();
myhash[”key1″] = “val1″;
myhash[”key2″] = “val2″;

２。向Hash关联数组添加键值

代码如下
// 添加一个新键 newkey ，键值为 newval myhash[”newkey”] = “newval”;

３。删除Hash关联数组已有键值

代码如下
// 删除一个键 newkey ，同时，该键值对应的 newval 也就消失了。 delete myhash[”newkey”];

４。遍历Hash关联数组

代码如下
// 遍历整个hash 数组 for (key in myhash) { val = myhash[key]; }

５。Hash关联数组简易使用示例

// 转向脚本

代码如下

// 交互式使用示例
userinfo = prompt(”请输入您最想去的搜索引擎：(yahoo|baidu|google)”, “yahoo”);
document.write (”您的选择：” + userinfo + “，<a href=http://” + getURL(userinfo) + ” target=_blank>” + “按此即可进入” + “</a>” + userinfo + “。”);

// getURL
// 如果参数未定义，默认返回 www.111cn.net 网址
// @param choice 选择名称
// @return url 实际的URL
function getURL(choice) {
url = urlhash[choice];
if (typeof(urlhash[choice]) == “undefined”)
url = “www.111cn.net“;
return url;
}

// 获得hash列表的所有 keys
// @param hash hash数组
// @return keys 键名数据
function array_keys(hash) {
keys = [];
for (key in hash)
keys.push(key);
return keys;
}
</script>

例如：

//这里主要是说明对于关联数组的遍历，首先定义一个数组：

代码如下

var arr = new Array();

//随便创建关联数组的数据如下：

arr["name"] = "mary";

arr["age"] = "3";

arr["sex"] = "man";

//利用 for 循环遍历如下：
for( var keyin arr)
{
      // 则上面 key 变量所取的值为 "name" 或 "age" 或 "sex"，
    //而不是数组的值
    // 下面的 value 才是取到对应的值
    var value = arr[key];
}

JS中对象的属性可以通过括号"[ ]"或者“.”来访问，例如上面的 a["a"]和a.a是等效的。

例子

下面的代码创建并初始化一个包含三个元素的关联数组（注意格式）：

代码如下
var MyArray = {"a" : "Athens", "b" : "Belgrade", "c" : "Cairo" };

在该数组中，可以使用字符串("a"、 "b" 或 "c") 来对元素寻址，而不是用数组元素的编号 (0、1 或 2)寻址。
这样就可以以更直观的寻址方案来创建和使用数组。同样可以使用上面显示的 for...in 语句代码来遍历该数组。

for (key in myArray)
document.write("Element value is " + MyArray[key] + "<BR>);

===========================
举例:

代码如下

<html>
<script>
var myArray = {"a" : "Athens", "b" : "Belgrade", "c" : "Cairo" };
for (key in myArray)
{
document.write( key+"="+myArray[key] + "<BR>");
}

document.write("a="+myArray["a"]);

</script>
</html>