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 相关文章推荐
JQuery的一些小应用收集
Mar 27 Javascript
jQuery 自动增长的文本输入框实现代码
Apr 02 Javascript
jquery中获取id值方法小结
Sep 22 Javascript
简单的代码实现jquery定时器
Jan 03 Javascript
Jquery时间轴特效(三种不同类型)
Nov 02 Javascript
盘点javascript 正则表达式中 中括号的【坑】
Mar 16 Javascript
第二章之Bootstrap 页面排版样式
Apr 25 Javascript
jQuery Easy UI中根据第一个下拉框选中的值设置第二个下拉框是否可以编辑
Nov 29 Javascript
Javascript 详解封装from表单数据为json串进行ajax提交
Mar 29 Javascript
详解vue移动端日期选择组件
Feb 22 Javascript
vue-cli安装使用流程步骤详解
Nov 08 Javascript
JSON字符串操作移除空串更改key/value的介绍
Jan 05 Javascript
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
SSI指令
2006/11/25 PHP
PHP 图片上传代码
2011/09/13 PHP
腾讯QQ微博API接口获取微博内容
2013/10/30 PHP
php使用iconv中文截断问题的解决方法
2015/02/11 PHP
jQuery与其它库冲突的解决方法
2010/06/25 Javascript
根据对象的某一属性进行排序的js代码(如:name,age)
2010/08/10 Javascript
Javascript 页面模板化很多人没有使用过的方法
2012/06/05 Javascript
JS实现样式清新的横排下拉菜单效果
2015/10/09 Javascript
全面解析Bootstrap表单使用方法(表单样式)
2015/11/24 Javascript
JavaScript动态生成二维码图片
2016/04/20 Javascript
AngularJS ng-app 指令实例详解
2016/07/30 Javascript
最细致的vue.js基础语法 值得收藏!
2016/11/03 Javascript
Jquery Easyui选项卡组件Tab使用详解(10)
2016/12/18 Javascript
bootstrap table 数据表格行内修改的实现代码
2017/02/13 Javascript
JavaScript校验Number(4,1)格式的数字实例代码
2017/03/13 Javascript
JavaScript中Object值合并方法详解
2017/12/22 Javascript
对angularJs中自定义指令replace的属性详解
2018/10/09 Javascript
如何手动实现es5中的bind方法详解
2018/12/07 Javascript
Vue实现拖放排序功能的实例代码
2019/07/08 Javascript
vue+elementui 对话框取消 表单验证重置示例
2019/10/29 Javascript
vue 获取到数据但却渲染不到页面上的解决方法
2020/11/19 Vue.js
python求pi的方法
2014/10/08 Python
python 基于TCP协议的套接字编程详解
2019/06/29 Python
Python嵌套函数,作用域与偏函数用法实例分析
2019/12/26 Python
HTML5实现文件断点续传的方法
2017/01/04 HTML / CSS
美国大尺码女装零售商:TORRID
2016/10/01 全球购物
Fossil德国官网:化石手表、手袋、珠宝及配件
2019/12/07 全球购物
C#面试常见问题
2013/02/25 面试题
幼儿师范毕业生自荐信
2013/11/09 职场文书
成语的广告词
2014/03/19 职场文书
网络信息安全承诺书
2014/03/26 职场文书
初一学生评语大全
2014/04/24 职场文书
巾帼文明岗申报材料
2014/05/01 职场文书
责任书范本
2014/08/25 职场文书
2015年学生管理工作总结
2015/05/26 职场文书
Nginx静态压缩和代码压缩提高访问速度详解
2022/05/30 Servers