javascript中[]和{}对象使用介绍


Posted in Javascript onMarch 20, 2013
var a=["apple","peach","banala"];

上述是一个数组的另一种定义方式,它相当于
var a=new Array(); 
a.push("apple"); 
a.push("peach"); 
a.push("banala");

var b={a:"apple",p:"peach",b:"banala"};

上述是一个json对象
前面有两个简洁的特殊的符号[]和{}.它们是一种对象的形式其中[]不仅仅可以表示数组,可以直接通过对象的属性设置值和访问值。例如:
var c=[]; 
c["a"]="apple"; 
c["b"]="banala";

或者
var c={}; 
c["a"]="apple"; 
c["b"]="banala";

它们的功能和作用是一样的,只有微小区别,稍后说。
访问的时候可以直接通过属性:
alert(c["a"]);

显示出“apple"。
若要遍历的话,可以通过:
<PRE class=html name="code">for(var key in c) 
alert(c[key]);</PRE> 
<PRE></PRE> 
这样就会显示出所有的属性值。 
<P></P> 
<P>当然jquery中有个each遍历,也可以访问各个属性和值。但是这仅当是</P> 
<PRE class=javascript name="code">var c={};</PRE>的情况,如果是 
<PRE></PRE> 
<PRE class=html name="code"><PRE class=html name="code">var c=[];</PRE><BR> 
就不行。<BR> 
<P></P> 
<P>然后使用</P> 
<P></P> 
<PRE class=javascript name="code">$.each(c, function(key, val) { 
alert(key+":"+val); 
});</PRE><BR> 
<P></P> 
<P>使用对象的话,很方便,比起使用数组要快捷的多,在数组中查找一某个值的时间复杂度是O(n),而使用对象的话时间复杂度仅为O(1),所以大多数情况下使用对象来存储值。</P> 
<P><BR> 
</P> 
<P><BR> 
</P> 
<PRE></PRE> 
<PRE></PRE> 
<PRE></PRE> 
<PRE></PRE> 
<PRE></PRE> 
<PRE></PRE> 
<PRE></PRE> 
<PRE></PRE> 
<PRE></PRE> 
<PRE></PRE> 
<PRE></PRE> 
<PRE></PRE> 
<PRE></PRE> 
<PRE></PRE> 
<PRE></PRE> 
<PRE></PRE> 
</PRE>
Javascript 相关文章推荐
仿迅雷焦点广告效果(JQuery版)
Nov 19 Javascript
JS面向对象、prototype、call()、apply()
May 14 Javascript
javascript 可以拖动的DIV(二)
Jun 26 Javascript
jquery 实现两级导航菜单附效果图
Mar 07 Javascript
jQuery日历插件datepicker用法详解
Mar 03 Javascript
详解angular 中的自定义指令之详解API
Jun 20 Javascript
vue.js实现刷新当前页面的方法教程
Jul 05 Javascript
layui框架与SSM前后台交互的方法
Sep 12 Javascript
vue项目中常见问题及解决方案(推荐)
Oct 21 Javascript
Vue中keep-alive组件的深入理解
Aug 23 Javascript
OpenLayer3自定义测量控件MeasureTool
Sep 28 Javascript
react中的DOM操作实现
Jun 30 Javascript
javascript中节点的最近的相关节点访问方法
Mar 20 #Javascript
javascript中注册和移除事件的4种方式
Mar 20 #Javascript
jQuery控制输入框只能输入数值的小例子
Mar 20 #Javascript
jQuery实现id模糊查询的小例子
Mar 19 #Javascript
JS文本框不能输入空格验证方法
Mar 19 #Javascript
getComputedStyle与currentStyle获取样式(style/class)
Mar 19 #Javascript
关于scrollLeft,scrollTop的浏览器兼容性测试
Mar 19 #Javascript
You might like
基于PHP Web开发MVC框架的Smarty使用说明
2013/04/19 PHP
深入php self与$this的详解
2013/06/08 PHP
PHP实现返回JSON和XML的类分享
2015/01/28 PHP
PHP开发注意事项总结
2015/02/04 PHP
PHP会话处理的10个函数
2015/08/11 PHP
Laravel的throttle中间件失效问题解决方法
2016/10/09 PHP
PHP正则表达式笔记与实例详解
2019/05/09 PHP
IE浏览器打印的页眉页脚设置解决方法
2009/12/08 Javascript
一个原生的用户等级的进度条
2010/07/03 Javascript
基于jquery点击自以外任意处,关闭自身的代码
2012/02/10 Javascript
让JavaScript和其它资源并发下载的方法
2014/10/16 Javascript
Nodejs实现的一个静态服务器实例
2014/12/06 NodeJs
javascript实现简单的贪吃蛇游戏
2015/03/31 Javascript
Bootstrap模态框水平垂直居中与增加拖拽功能
2016/11/09 Javascript
javascript按钮禁用和启用的效果实例代码
2017/10/29 Javascript
js实现购物车功能
2018/06/12 Javascript
微信小程序动态增加按钮组件
2018/09/14 Javascript
javascript中undefined的本质解析
2019/07/31 Javascript
javascript如何实现create方法
2019/11/04 Javascript
基于Vue实现微前端的示例代码
2020/04/24 Javascript
js+canvas实现转盘效果(两个版本)
2020/09/13 Javascript
[01:52]PWL S2开团时刻第四期——DOTA2成语故事
2020/12/03 DOTA
Python fileinput模块使用介绍
2014/11/30 Python
一篇文章搞懂Python的类与对象名称空间
2018/12/10 Python
详解Python打包分发工具setuptools
2019/08/05 Python
keras中的backend.clip用法
2020/05/22 Python
Python Spyder 调出缩进对齐线的操作
2021/02/26 Python
诺心蛋糕官网:LE CAKE
2018/08/25 全球购物
RetroStage德国:复古服装
2019/02/03 全球购物
商务英语本科生的自我评价分享
2013/11/15 职场文书
《独坐敬亭山》教学反思
2014/04/08 职场文书
保证书范文大全
2014/04/28 职场文书
介绍信如何写
2015/01/31 职场文书
黄河绝恋观后感
2015/06/08 职场文书
2015年公路路政个人工作总结
2015/07/24 职场文书
HDFS免重启挂载新磁盘
2022/04/06 Servers