16.3.5 关联数组的概念

作者: 叶青编著出处:电子工业出版社　2008-06-11 10:00　砖好评论条　进入论坛

阅读提示：《HTML+CSS+JavaScript实用详解》第16章主要讲述的是JavaScript程序核心语法, 本章将学习JavaScript程序编写的核心部分，条件分支语句和循环语句、函数以及面向对象的概念。对于初学的读者，这是一个未知的学习世界，但也是知识提升最快的章节,本节主要讲关联数组的概念。

16.3.5 关联数组的概念

在JavaScript中，当程序中对象用点运算符访问属性时，属性名是一个标识符，程序无法对其进行其他操作。如果程序中的对象用中括号（[]）运算符访问属性时，属性名为字符串类型，也称为“键”，可以供程序进行操作。在D:\web\目录下创建网页文件（XHTML1.0），命名为attr.htm，编写attr.htm文件代码如代码16.20所示。

代码16.20 属性名操作attr.htm

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 
1.0 Transitional//EN" "http://www.w3.org/ 
TR/xhtml1/DTD/ xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="
text/html; charset=gb2312" />
<title>属性名操作</title>
<script type="text/javascript">
function Dog(a,b,c,d,e){
this.name1=a;
this.name2=b;
this.name3=c;
this.color=d;
this.weight=e;
}   
var dogA = new Dog("花花","多多","汪汪","黑色",100);
</script>
</head>
<body>
<div id="main">
<script type="text/javascript">
for(var i=1; i<4; i++){
document.write("dogA对象的第name"+i+"属性为"+dogA["name"+i]+"<hr />");
}
document.write("dogA对象的第color属性为"+dogA["color"]);
document.write("<hr />dogA对象的第weight属性为"+dogA["weight"]);
</script> 
</div>
</body>
</html>

在浏览器地址栏输入http://localhost/attr.htm，浏览效果如图16.26所示。

（点击查看大图）图16.26 属性名操作

本例通过对属性名的字符串拼接操作，利用for循环很方便地访问了多个属性。这种使用中括号（[]）运算符访问属性的方法，即把对象看做一个关联数组，用字符串作索引访问数组的元素。

注意：和下一章学习的数组元素不同，关联数组的索引是字符串，数组元素的索引是非负整数。而数组本身也是一种特殊的对象，数组的其他属性也可以通过关联数组的方法访问。

【责任编辑：夏书 TEL：（010）68476606】

回书目 上一节 下一节

关于 HTML CSS JavaScript JavaScript程序函数 HTML+CSS+JavaScript实用详解的

文章

博文

帖子

· 16.4 小结(06/11)

· 16.3.6 with语句和for…in语句(06/11)

· 16.3.4 对象的构造函数和方法(06/11)

· 16.3.2 如何创建对象(06/11)

· 16.2.5 函数的嵌套(06/11)

· javascript动态显示当前时间

· 动态载入javascript文件和css样式文件

· 为何我在英语区发HTML的贴FX就会死呢

· 通过Dreamweaver CS3学习HTML+DIV+CSS

· JavaScript

专题

我也说两句

叫好

拍砖

中国最大的网络技术网站 ·
技术成就梦想

·假期读书充电

· 08年5月软考网工上午真..
· 上周拒绝服务攻击（DDo..
· 08年5月各大网上书店及..
· 2008年5月24日软考试题..
· 软件设计师专家临考模..
· 上周网络管理员专家自..

· 网络工程师自测获奖名..
· 08年4月各大网上书店及..
· 系统分析师自测获奖名..
· Linux结课考试自测获奖..
· 上周Linux系统命令的使..
· 上周真题冲刺测试获奖..

排行榜

·假期读书充电 (查看6480次)
·1.2 网络定义 (查看1175次)
·《网管员必读—网络应用》自测.. (查看1032次)
·SQL Server入门到精通技术自测.. (查看1004次)
·历次技术自测获奖网友详细信息 (查看973次)

·SQL Server入门到精通技术自测试题答案 (7个砖)
·超级网管员——网络应用技术自测试题答案 (6个砖)
·网管员全真面试题自测获奖结果及答案解析 (4个砖)
·免费讲座：搜索引擎营销打造成功网站 (3个砖)
·历次技术自测获奖网友详细信息 (3个砖)

·假期读书充电 (13个好)
·1.2 网络定义 (3个好)
·Visual C++数字图像处理开发入门与编程实践 (3个好)
·路由器配置自测获奖结果及答案解析 (3个好)
·《游戏开发核心技术-剧本与角色创造》阅读不枯燥 (3个好)

·Flash CS3网站建设实例详解 (06月)
·中国互联网大会2008 (06月)
·Struts 2技术详解：基于WebWork核心的MVC开发与实践 (06月)
·SQL语言与数据库操作技术大全：基于SQL Server实现 (06月)
·构建高性能WebSphere企业级应用 (06月)

·华为/思科认证比较针对领域各不同
·大中型企业网络光纤交换机产品导购

· 后关系数据库隐忍不发..
· 国内资深黑客浅谈文件..
· 超级网管员大型视频专..
· 51CTO独家电子书：Linu..
· 中小企业购买UTM设备需..
· 鲍尔默:10年内互联网垄..
· 51CTO独家原创连载中：..
· 微软IE浏览器暴出安全..

· 探秘无线路由高级选项 ..
· 思科借RedHat拉拢开源 ..
· 美指责中国黑客窃取其..
· 解读谷歌的开放平台战..
· 经验分享：直面故障网..
· 解读2008年毕业生求职..
· IT人才最需要关注四个..
· 微雅交易彻底破产已停..

订阅技术快讯

电子杂志下载

名称：SQL Server数据库管理精品黄皮书
简介：书中文章经过精挑细选，便于用户能根据自己的实际工作和学习，快速在本书寻找到相关资料。内容涵盖了SQL Server的安装与升级、语句查询、数据备份和恢复、自动化任务、数据同步、数据字典、安全和预防、性能和优化、集群等各方面应用信息，以及DBA管理人员在数据库管理工作中

名称：2007路由技术大全
简介：《2007路由技术大全》由51CTO.com网站特别策划制作，该书包括路由器技术、路由器产品、路由器配置、安全设置、路由器故障处理、路由器密码恢复，以及广大网友在实践使用中的心得经验和技巧文章，内容注重实用性，适用于初学者入门，也适合多年从业者提高，是一本实践和理论完

名称：网络安全精品应用黄皮书
简介：《2007精品网络安全黄皮书》包括了9个大类24个小类， 800余篇文章，内容包含了熊猫烧香病毒、DDOS攻击、ARP病等热点问题的介绍及解决方案。从病毒查杀、防范、系统、数据等各方面的安全设置到黑客技术的了解、防范，涉及到了安全应用的全部领域, 由浅至深内容全面。

专题

最多好

最多砖