浅谈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 相关文章推荐
php 中序列化和json使用介绍
Jul 08 Javascript
改变隐藏的input中value的值代码
Dec 30 Javascript
jQuery替换textarea中换行的方法
Jun 10 Javascript
javascript实现的上下无缝滚动效果
Sep 19 Javascript
bootstrap选项卡使用方法解析
Jan 11 Javascript
vue2.0父子组件及非父子组件之间的通信方法
Jan 21 Javascript
jQuery插件HighCharts绘制简单2D柱状图效果示例【附demo源码】
Mar 21 jQuery
jquery.rotate.js实现可选抽奖次数和中奖内容的转盘抽奖代码
Aug 23 jQuery
Vue下滚动到页面底部无限加载数据的示例代码
Apr 22 Javascript
详解使用VUE搭建后台管理系统(vue-cli更新至3.0)
Aug 22 Javascript
angularjs的单选框+ng-repeat的实现方法
Sep 12 Javascript
Vue——解决报错 Computed property "****" was assigned to but it has no setter.
Dec 19 Vue.js
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
用PHP读取IMAP邮件
2006/10/09 PHP
destoon供应信息title调用出公司名称的方法
2014/08/22 PHP
PHP写日志的实现方法
2014/11/05 PHP
PHP生成短网址的思路以及实现方法的详解
2019/03/25 PHP
jquery 打开窗口返回值实现代码
2010/03/04 Javascript
jQuery阻止冒泡和HTML默认操作
2010/11/17 Javascript
FireFox下XML对象转化成字符串的解决方法
2011/12/09 Javascript
jquery插件之信息弹出框showInfoDialog(成功/错误/警告/通知/背景遮罩)
2013/01/09 Javascript
一个JavaScript变量声明的知识点
2013/10/28 Javascript
JavaScript类属性的访问方式详解
2014/02/11 Javascript
JavaScript实现把rgb颜色转换成16进制颜色的方法
2015/06/01 Javascript
jQuery幻灯片带缩略图轮播效果代码分享
2015/08/17 Javascript
基于JavaScript怎么实现让歌词滚动播放
2015/11/03 Javascript
AngularJS 实现JavaScript 动画效果详解
2016/09/08 Javascript
JS函数修改html的元素内容,及修改属性内容的方法
2016/10/28 Javascript
扩展bootstrap的modal模态框-动态添加modal框-弹出多个modal框
2017/02/21 Javascript
AngularJS基于factory创建自定义服务的方法详解
2017/05/25 Javascript
微信小程序实现自上而下字幕滚动
2018/07/14 Javascript
详解小程序缓存插件(mrc)
2018/08/17 Javascript
JS编写兼容IE6,7,8浏览器无缝自动轮播
2018/10/12 Javascript
js实现简单模态框实例
2018/11/16 Javascript
vue读取本地的excel文件并显示在网页上方法示例
2019/05/29 Javascript
python正则分组的应用
2013/11/10 Python
python和shell变量互相传递的几种方法
2013/11/20 Python
Python之循环结构
2019/01/15 Python
python实现剪切功能
2019/01/23 Python
Python中如何导入类示例详解
2019/04/17 Python
pyqt5 实现工具栏文字图片同时显示
2019/06/13 Python
pyqt5之将textBrowser的内容写入txt文档的方法
2019/06/21 Python
django之对FileField字段的upload_to的设定方法
2019/07/28 Python
python 牛顿法实现逻辑回归(Logistic Regression)
2020/10/15 Python
使用pandas读取表格数据并进行单行数据拼接的详细教程
2021/03/03 Python
资深生产主管自我评价
2013/09/22 职场文书
会计自我鉴定
2014/02/04 职场文书
班风学风建设方案
2014/05/06 职场文书
学校食堂食品安全承诺书
2015/04/29 职场文书