浅谈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 相关文章推荐
用js实现随机返回数组的一个元素
Aug 13 Javascript
javascript下过滤数组重复值的代码
Sep 10 Javascript
javascript 从if else 到 switch case 再到抽象
Jul 17 Javascript
基于jquery的图片幻灯展示源码
Jul 15 Javascript
jQuery仿gmail实现fixed布局的方法
May 27 Javascript
javascript面向对象程序设计高级特性经典教程(值得收藏)
May 19 Javascript
javascript prototype原型详解(比较基础)
Dec 26 Javascript
深入理解JavaScript创建对象的多种方式以及优缺点
Jun 01 Javascript
node.js 用socket实现聊天的示例代码
Oct 17 Javascript
React中嵌套组件与被嵌套组件的通信过程
Jul 11 Javascript
Vue实现移动端页面切换效果【推荐】
Nov 13 Javascript
jquery+ajax实现上传图片并显示上传进度功能【附php后台接收】
Jun 06 jQuery
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 根据IP地址控制访问的代码
2010/04/22 PHP
WordPres对前端页面调试时的两个PHP函数使用小技巧
2015/12/22 PHP
万能的php分页类
2017/07/06 PHP
php高清晰度无损图片压缩功能的实现代码
2018/12/09 PHP
区分JS中的undefined,null,"",0和false
2007/03/08 Javascript
jQuery插件 selectToSelect使用方法
2013/10/02 Javascript
同域jQuery(跨)iframe操作DOM(示例代码)
2013/12/13 Javascript
jquery获取URL中参数解决中文乱码问题的两种方法
2013/12/18 Javascript
javascript实现网页背景烟花效果的方法
2015/08/06 Javascript
JS非Alert实现网页右下角“未读信息”效果弹窗
2015/09/26 Javascript
jQuery的实例及必知重要的jQuery选择器详解
2016/05/20 Javascript
Js+Ajax,Get和Post在使用上的区别小结
2016/06/08 Javascript
JS中使用DOM来控制HTML元素
2016/07/31 Javascript
关于原生js中bind函数的简单实现
2016/08/10 Javascript
详解node中创建服务进程
2017/05/09 Javascript
Agularjs妙用双向数据绑定实现手风琴效果
2017/05/26 Javascript
React-Native 组件之 Modal的使用详解
2017/08/08 Javascript
Node.js中sequelize时区的配置方法
2017/12/10 Javascript
记一次用vue做的活动页的方法步骤
2019/04/11 Javascript
vue 路由meta 设置导航隐藏与显示功能的示例代码
2020/09/04 Javascript
Python的函数嵌套的使用方法
2014/01/24 Python
python基于urllib实现按照百度音乐分类下载mp3的方法
2015/05/25 Python
python中logging库的使用总结
2017/10/18 Python
解决Python 中英文混输格式对齐的问题
2018/07/16 Python
Python爬虫文件下载图文教程
2018/12/23 Python
简单了解Django应用app及分布式路由
2019/07/24 Python
python 实时调取摄像头的示例代码
2020/11/25 Python
使用html2canvas.js实现页面截图并显示或上传的示例代码
2018/12/18 HTML / CSS
T3官网:头发造型工具
2019/12/26 全球购物
公司的门卫岗位职责
2014/09/09 职场文书
法人授权委托书公证范本
2014/09/14 职场文书
《学会生存》读后感3篇
2019/12/09 职场文书
Go遍历struct,map,slice的实现
2021/06/13 Golang
vue实现可以快进后退的跑马灯组件
2022/04/08 Vue.js
Win11如何设置右键单击显示所有选项?Win11右键单击显示所有选项设置教程
2022/04/08 数码科技
Python Matplotlib绘制两个Y轴图像
2022/04/13 Python