请选择 进入手机版 | 继续访问电脑版

好程序员-千锋教育旗下高端IT职业教育品牌

400-811-9990
我的账户
好程序员

专注高端IT职业培训

亲爱的猿猿,欢迎!

已有账号,请

如尚未注册?

[HTML5] 好程序员web前端培训分享javascript关联数组用法总结

[复制链接]
叶子老师 发表于 2019-4-24 17:38:39 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
好程序员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>
好程序员web前端培训官网:http://www.goodprogrammer.org/html5_class.shtml

精彩内容,一键分享给更多人!
回复

使用道具 举报

您需要登录后才可以回帖

本版积分规则

关注我们
好程序员
千锋好程序员

北京校区(总部):北京市海淀区宝盛北里西区28号中关村智诚科创大厦

深圳西部硅谷校区:深圳市宝安区宝安大道5010号深圳西部硅谷B座A区605-619

杭州龙驰智慧谷校区:浙江省杭州市下沙经济技术开发区元成路199号龙驰智慧谷B座7层

郑州校区:郑州市二七区航海中路60号海为科技园C区10层、12层

Copyright 2007-2019 北京千锋互联科技有限公司 .All Right

京ICP备12003911号-5 京公安网11010802011455号

请您保持通讯畅通1对1咨询马上开启