好程序员web前端分享javascript关联数组用法总结

好程序员web前端分享javascript关联数组用法总结,有需要的朋友可以参考下。

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关联数组简易使用示例

代码如下

<script type=”text/javascript”>

urlhash = { “yahoo”:”www.111cn.net“,

“baidu”:”www.baidu.com“,

“google”:”www.google.cn” };

// 交互式使用示例

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] + “

);

举例:

<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>

猜你喜欢

转载自www.cnblogs.com/gcghcxy/p/10763782.html