Javascript数组与字典用法分析


Posted in Javascript onDecember 13, 2014

本文实例分析了Javascript数组与字典用法。分享给大家供大家参考。具体分析如下:

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 相关文章推荐
textarea 控制输入字符字节数(示例代码)
Dec 27 Javascript
JavaScript判断图片是否已经加载完毕的方法汇总
Feb 05 Javascript
Node.js编写爬虫的基本思路及抓取百度图片的实例分享
Mar 12 Javascript
jquery做个日期选择适用于手机端示例
Jan 10 Javascript
Bootstrap实现的经典栅格布局效果实例【附demo源码】
Mar 30 Javascript
jQuery滑动到底部加载下一页数据的实例代码
May 22 jQuery
vue+iview+less+echarts实战项目总结
Feb 22 Javascript
layui实现文件或图片上传记录
Aug 28 Javascript
微信小程序使用swiper组件实现类3D轮播图
Aug 29 Javascript
vue项目打包后怎样优雅的解决跨域
May 26 Javascript
ES6使用新特性Proxy实现的数据绑定功能实例
May 11 Javascript
Vue +WebSocket + WaveSurferJS 实现H5聊天对话交互的实例
Nov 18 Vue.js
jQuery实现表单提交时判断的方法
Dec 13 #Javascript
js实现iframe跨页面调用函数的方法
Dec 13 #Javascript
javascript里使用php代码实例
Dec 13 #Javascript
jQuery使用height()获取高度需要注意的地方
Dec 13 #Javascript
js与css实现弹出层覆盖整个页面的方法
Dec 13 #Javascript
jQuery对于显示和隐藏等常用状态的判断方法
Dec 13 #Javascript
js QQ客服悬浮效果实现代码
Dec 12 #Javascript
You might like
让的PHP代码飞起来的40条小技巧(提升php效率)
2010/04/12 PHP
PHP中文分词的简单实现代码分享
2011/07/17 PHP
使用Apache的htaccess防止图片被盗链的解决方法
2013/04/27 PHP
PHP 冒泡排序 二分查找 顺序查找 二维数组排序算法函数的详解
2013/06/25 PHP
PHP实现阳历到农历转换的类实例
2015/03/07 PHP
PHP面向对象程序设计(OOP)之方法重写(override)操作示例
2018/12/21 PHP
在js中单选框和复选框获取值的方式
2009/11/06 Javascript
checkbox使用示例
2013/08/23 Javascript
JavaScript采用递归算法计算阶乘实例
2015/08/04 Javascript
简单介绍jsonp 使用小结
2016/01/27 Javascript
JS和jQuery使用submit方法无法提交表单的原因分析及解决办法
2016/05/17 Javascript
js创建对象几种方式的优缺点对比
2016/09/28 Javascript
easyui tree带checkbox实现单选的简单实例
2016/11/07 Javascript
微信小程序实现缓存根据不同的id来进行设置和读取缓存
2017/06/12 Javascript
layer ui 导入文件之前传入数据的实例
2019/09/23 Javascript
Jquery异步上传文件代码实例
2019/11/13 jQuery
element-ui 远程搜索组件el-select在项目中组件化的实现代码
2019/12/04 Javascript
js实现鼠标点击页面弹出自定义文字效果
2019/12/24 Javascript
[01:24]DOTA2上海特锦赛OG战队抵达 专车接机入驻总统套房
2016/02/23 DOTA
详解Python中的Descriptor描述符类
2016/06/14 Python
scrapy爬虫实例分享
2017/12/28 Python
Python使用matplotlib绘制正弦和余弦曲线的方法示例
2018/01/06 Python
Python3中exp()函数用法分析
2019/02/19 Python
python中aioysql(异步操作MySQL)的方法
2019/04/11 Python
Centos7 下安装最新的python3.8
2019/10/28 Python
Python with语句用法原理详解
2020/07/03 Python
Django跨域请求原理及实现代码
2020/11/14 Python
网页布局中CSS样式无效的十个重要原因详解
2017/08/10 HTML / CSS
CSS3控制HTML元素动画效果
2014/02/08 HTML / CSS
2014年招商引资工作总结
2014/11/22 职场文书
2014年科研工作总结
2014/12/03 职场文书
社区结对共建协议书
2016/03/23 职场文书
检讨书范文
2019/04/16 职场文书
Springboot如何同时装配两个相同类型数据库
2021/11/17 Java/Android
MongoDB支持的索引类型
2022/04/11 MongoDB
Java+swing实现抖音上的表白程序详解
2022/06/25 Java/Android