浅谈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 相关文章推荐
JavaScript Event学习第九章 鼠标事件
Feb 08 Javascript
浅谈$(document)和$(window)的区别
Jul 15 Javascript
JS中创建函数的三种方式及区别
Mar 13 Javascript
教大家轻松制作Bootstrap漂亮表格(table)
Dec 13 Javascript
Vue2组件tree实现无限级树形菜单
Mar 29 Javascript
微信小程序 数据绑定及运算的简单实例
Sep 20 Javascript
js replace 全局替换的操作方法
Jun 12 Javascript
Vue 项目分环境打包的方法示例
Aug 03 Javascript
React 使用recharts实现散点地图的示例代码
Dec 07 Javascript
Angular6 发送手机验证码按钮倒计时效果实现方法
Jan 08 Javascript
实例分析Array.from(arr)与[...arr]到底有何不同
Apr 09 Javascript
node.js中Buffer缓冲器的原理与使用方法分析
Nov 23 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
PHP入门
2006/10/09 PHP
利用curl 多线程 模拟 并发的详解
2013/06/14 PHP
浅析PHP安装扩展mcrypt以及相关依赖项(PHP安装PECL扩展的方法)
2013/07/05 PHP
PHP+memcache实现消息队列案例分享
2014/05/21 PHP
TP5框架使用QueryList采集框架爬小说操作示例
2020/03/26 PHP
PHP哈希表实现算法原理解析
2020/12/11 PHP
javascript 点击整页变灰的效果(可做退出效果)。
2008/01/09 Javascript
利用Ext Js生成动态树实例代码
2008/09/08 Javascript
javascript 面向对象思想 附源码
2009/07/07 Javascript
如何判断鼠标是否在DIV的区域内
2013/11/13 Javascript
JS 在指定数组中随机取出N个不重复的数据
2014/06/10 Javascript
JS生成不重复的随机数组的简单实例
2016/07/10 Javascript
Angular 4根据组件名称动态创建出组件的方法教程
2017/11/01 Javascript
解析vue中的$mount
2017/12/21 Javascript
Nodejs使用archiver-zip-encrypted库加密压缩文件时报错(解决方案)
2019/11/18 NodeJs
js回调函数原理与用法案例分析
2020/03/04 Javascript
通过vue刷新左侧菜单栏操作
2020/08/06 Javascript
[01:01:52]DOTA2-DPC中国联赛正赛 iG vs LBZS BO3 第一场 3月4日
2021/03/11 DOTA
Python中的exec、eval使用实例
2014/09/23 Python
在Mac OS上搭建Python的开发环境
2015/12/24 Python
python实现RSA加密(解密)算法
2016/02/17 Python
python实现中文转换url编码的方法
2016/06/14 Python
Python算术运算符实例详解
2017/05/31 Python
Python中xrange与yield的用法实例分析
2017/12/26 Python
python如何对实例属性进行类型检查
2018/03/20 Python
解决Pycharm无法import自己安装的第三方module问题
2018/05/18 Python
python 不同方式读取文件速度不同的实例
2018/11/09 Python
用Python将结果保存为xlsx的方法
2019/01/28 Python
使用Python画股票的K线图的方法步骤
2019/06/28 Python
如何在python中处理配置文件代码实例
2020/09/27 Python
css3遮罩层镂空效果的多种实现方法
2020/05/11 HTML / CSS
Groupon比利时官方网站:特卖和网上购物高达-70%
2019/08/09 全球购物
汉米尔顿手表官网:Hamilton
2020/09/13 全球购物
校园报刊亭的创业计划书
2014/01/02 职场文书
预备党员思想汇报范文
2014/01/11 职场文书
社区法制宣传日活动总结
2015/05/05 职场文书