关于JavaScript中的关联数组分析


Posted in Javascript onApril 09, 2013

通常的数组在填充时会隐式或者显示指定数组下标,但JS中数组可以以名字的形式为元素赋值,这就形成了关联数组,如:

var arr=new Array();
arr["china"]="beijing,niaoling,hulan";
arr["usa"]="newyork,washington,atlanta";
arr["japan"]="tokyo";
alert(arr["china"]);
alert(arr["japan"]);
alert(arr[0]);

注意上面的alert(arr[0]);这一句,它会返回undifined。这就意味着,关联数组中,不能再以传统的下标方式来访问数组元素而必须通过元素的名字。
这种通过名字来访问数组元素的形式有可读性高,灵活方便的优势。一定程度上它可以作为JS中的哈希表来使用。
对关联数组进行遍历时需要使用for in 循环,注意以下代码中两种不同的遍历方式:

var arr=new Array();
arr["china"]="beijing,niaoling,hulan";
arr["usa"]="newyork,washington,atlanta";
arr["japan"]="tokyo";
// 这种方式可以遍历关联数组中的名称
for(var item in arr){
alert(item);
}
// 这种方式可以遍历关联数组中的各元素
for(var item in arr){
alert(arr[item]);
}
Javascript 相关文章推荐
慎用 somefunction.prototype 分析
Jun 02 Javascript
12个超实用的JQuery代码片段
Nov 02 Javascript
详解Bootstrap四种图片样式
Jan 04 Javascript
Bootstrap与KnockoutJs相结合实现分页效果实例详解
May 03 Javascript
BOM系列第二篇之定时器requestAnimationFrame
Aug 17 Javascript
Angular2 之 路由与导航详细介绍
May 26 Javascript
React Native 使用Fetch发送网络请求的示例代码
Dec 02 Javascript
在iFrame子页面里实现模态框的方法
Aug 17 Javascript
JS使用数组实现的队列功能示例
Mar 04 Javascript
layui下拉框获取下拉值(select)的例子
Sep 10 Javascript
vue-父子组件和ref实例详解
Nov 10 Javascript
微信小程序获取当前时间及星期几的实例代码
Sep 20 Javascript
分析Node.js connect ECONNREFUSED错误
Apr 09 #Javascript
Node.js生成HttpStatusCode辅助类发布到npm
Apr 09 #Javascript
jQuery学习笔记(3)--用jquery(插件)实现多选项卡功能
Apr 08 #Javascript
jQuery学习笔记(2)--用jquery实现各种模态提示框代码及项目构架
Apr 08 #Javascript
jQuery学习笔记(1)--用jQuery实现异步通信(用json传值)具体思路
Apr 08 #Javascript
Struts2的s:radio标签使用及用jquery添加change事件
Apr 08 #Javascript
Jquery图片滚动与幻灯片的实例代码
Apr 08 #Javascript
You might like
PHP的栏目导航程序
2006/10/09 PHP
thinkphp配置连接数据库技巧
2014/12/02 PHP
PHP执行SQL文件并将SQL文件导入到数据库
2015/09/17 PHP
JavaScript的Function详细
2006/11/14 Javascript
Javascript & DHTML 实例编程(教程)(三)初级实例篇1—上传文件控件实例
2007/06/02 Javascript
分享20款好玩的jQuery游戏
2011/04/17 Javascript
javascript中IE浏览器不支持NEW DATE()带参数的解决方法
2012/03/01 Javascript
Js如何判断客户端是PC还是手持设备简单分析
2012/11/22 Javascript
jquery动态导航插件dynamicNav用法实例分析
2015/09/06 Javascript
Node.js设置CORS跨域请求中多域名白名单的方法
2017/03/28 Javascript
JS之if语句对接事件动作逻辑(详解)
2017/06/28 Javascript
vue组件发布到npm简单步骤
2017/11/30 Javascript
浅谈webpack 自动刷新与解析
2018/04/09 Javascript
vue select组件的使用与禁用实现代码
2018/04/10 Javascript
React手稿之 React-Saga的详解
2018/11/12 Javascript
微信小程序登录数据解密及状态维持实例详解
2019/05/06 Javascript
vue实现公共方法抽离
2020/07/31 Javascript
[01:07:13]TNC vs Pain 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
python使用rabbitmq实现网络爬虫示例
2014/02/20 Python
Python缩进和冒号详解
2016/06/01 Python
Python简单定义与使用二叉树示例
2018/05/11 Python
Python爬虫框架scrapy实现的文件下载功能示例
2018/08/04 Python
关于python列表增加元素的三种操作方法
2018/08/22 Python
Python3 Tkinter选择路径功能的实现方法
2019/06/14 Python
使用Pyhton集合set()实现成果查漏的例子
2019/11/24 Python
python正则表达式匹配IP代码实例
2019/12/28 Python
Canvas globalCompositeOperation
2018/12/18 HTML / CSS
REISS美国官网:伦敦最受欢迎的时尚品牌
2019/08/16 全球购物
全球最大运动品牌的男装、女装和童装官方库存商:A&A Sports
2021/01/17 全球购物
学期自我鉴定
2013/11/04 职场文书
社会实践自我鉴定
2013/11/07 职场文书
医药学专业大学生职业生涯规划书论文
2014/01/21 职场文书
机械生产实习心得体会
2016/01/22 职场文书
2016年社区服务活动总结
2016/04/06 职场文书
六一儿童节致辞稿(3篇)
2019/07/11 职场文书
GTX1660显卡搭配显示器推荐
2022/04/19 数码科技