浅谈Javascript 数组与字典


Posted in Javascript onJanuary 29, 2015

Javascript 的数组Array,既是一个数组,也是一个字典(Dictionary).

先举例看看数组的用法。

var a = new Array();  

a[0] = "Acer";  

a[1] = "Dell";  

for (var i in a) {  

    alert(i);  

} 

上面的代码创立了一个数组,每个元素都是一个字符串对象。

然后对数组进行遍历。注意 i 的结果为 0 和 1,a[i] 的结果才为字符串。

这个很象上一篇中说到的遍历对象的属性。

下面再看一下字典的用法。

var computer_price = new Array();  

computer_price["Acer"] = 500;  

computer_price["Dell"] = 600;  

alert(computer_price["Acer"]); 

我们甚至可以同样象上面那样遍历这个数组(字典)

for (var i in computer_price) {  

    alert(i + ": " + computer_price[i]);  

} 

这里的 i 即为字典的每个键值。输出结果为:

Acer: 500

Dell: 600

下面,看一下Javascript的有趣之处,还是上面那个例子。

我们可以把 computer_price 看成一个字典对象,而它的每个键值就是一个属性。

也就是说 Acer 是 computer_price 的一个属性。我们可以这样使用它: computer_price.Acer

下面再来看一下字典和数组的简化声明方式。

var array = [1, 2, 3]; // 数组  

var array2 = { "Acer": 500, "Dell": 600 }; // 字典  

alert(array2.Acer); // 50 

这样对字典的声明是和前面的一样的。在我们的例子中,Acer又是键值,也可是作为字典对象的属性了。

以上就是本文的全部内容了,希望大家能够喜欢,后续我们将持续更新。

Javascript 相关文章推荐
用JTrackBar实现的模拟苹果风格的滚动条
Aug 06 Javascript
JavaScript 模仿vbs中的 DateAdd() 函数的代码
Aug 13 Javascript
比较简单的一个符合web标准的JS调用flash方法
Nov 29 Javascript
ASP.NET jQuery 实例10 动态修改hyperlink的URL值
Feb 03 Javascript
js不能获取隐藏的div的宽度只能先显示后获取
Sep 04 Javascript
Node.js编程中客户端Session的使用详解
Jun 23 Javascript
AngularJS验证信息框架的封装插件用法【w5cValidator扩展插件】
Nov 03 Javascript
Vue.js@2.6.10更新内置错误处机制Fundebug同步支持相应错误监控
May 13 Javascript
VUE脚手架具体使用方法
May 20 Javascript
基于JavaScript实现十五拼图代码实例
Apr 26 Javascript
vue实现PC端分辨率适配操作
Aug 03 Javascript
在antd Table中插入可编辑的单元格实例
Oct 28 Javascript
javascript 数组操作详解
Jan 29 #Javascript
jQuery实现流动虚线框的方法
Jan 29 #Javascript
jquery 设置style:display的方法
Jan 29 #Javascript
jQuery获取样式中颜色值的方法
Jan 29 #Javascript
JS实现单行文字不间断向上滚动的方法
Jan 29 #Javascript
JS清除选择内容的方法
Jan 29 #Javascript
IE中鼠标经过option触发mouseout的解决方法
Jan 29 #Javascript
You might like
session在PHP大型web应用中的使用
2011/06/25 PHP
详解php中空字符串和0之间的关系
2016/10/23 PHP
javascript function调用时的参数检测常用办法
2010/02/26 Javascript
jQuery下的几个你可能没用过的功能
2010/08/29 Javascript
JavaScript中的变量声明早于赋值分析
2012/03/01 Javascript
基于jquery的文章中所有图片width大小批量设置方法
2013/08/01 Javascript
JavaScript strike方法入门实例(给字符串加上删除线)
2014/10/17 Javascript
Javascript 拖拽的一些高级的应用(逐行分析代码,让你轻松了拖拽的原理)
2015/01/23 Javascript
javascript的变量、传值、传址、参数之间关系
2015/07/26 Javascript
CSS中position属性之fixed实现div居中
2015/12/14 Javascript
JavaScript判断图片是否已经加载完毕的方法汇总
2016/02/05 Javascript
关于JavaScript数组你所不知道的3件事
2016/08/24 Javascript
Node.js的文件权限及读写flag详解
2016/10/11 Javascript
vue页面切换到滚动页面显示顶部的实例
2018/03/13 Javascript
JavaScript使用prototype原型实现的封装继承多态示例
2018/08/31 Javascript
VUE组件中的 Drawer 抽屉实现代码
2019/08/06 Javascript
使用npm命令提示: 'npm' 不是内部或外部命令,也不是可运行的程序的处理方法
2020/05/14 Javascript
JavaScript读取本地文件常用方法流程解析
2020/10/12 Javascript
jquery实现点击左右按钮切换图片
2021/01/27 jQuery
ajax jquery实现页面某一个div的刷新效果
2021/03/04 jQuery
python 实现一个贴吧图片爬虫的示例
2017/10/12 Python
使用django和vue进行数据交互的方法步骤
2019/11/11 Python
Python如何实现小程序 无限求和平均
2020/02/18 Python
python实现扫雷小游戏
2020/04/24 Python
Python操作Elasticsearch处理timeout超时
2020/07/17 Python
OpenCV读取与写入图片的实现
2020/10/13 Python
Django REST Framework 分页(Pagination)详解
2020/11/30 Python
matplotlib制作雷达图报错ValueError的实现
2021/01/05 Python
Python项目实战之使用Django框架实现支付宝付款功能
2021/02/23 Python
世界上最大的专业美容用品零售商:Sally Beauty
2017/07/02 全球购物
2015年乡镇残联工作总结
2015/05/13 职场文书
圆明园纪录片观后感
2015/06/03 职场文书
2015秋季开学典礼演讲稿
2015/07/16 职场文书
goland 恢复已更改文件的操作
2021/04/28 Golang
如何用PHP实现多线程编程
2021/05/26 PHP
Java实现学生管理系统(IO版)
2022/02/24 Java/Android