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 相关文章推荐
js类中获取外部函数名的方法
Aug 19 Javascript
jquery制作select列表双向选择示例代码
Sep 02 Javascript
JQuery中使用.each()遍历元素学习笔记
Nov 08 Javascript
jQuery移动web开发中的页面初始化与加载事件
Dec 03 Javascript
JavaScript实现邮箱地址自动匹配功能代码
Nov 28 Javascript
在node中如何使用 ES6
Apr 22 Javascript
vue配置多页面的实现方法
May 22 Javascript
详解js 创建对象的几种方法
Mar 08 Javascript
vue实现歌手列表字母排序下拉滚动条侧栏排序实时更新
May 14 Javascript
JavaScript页面倒计时功能完整示例
May 15 Javascript
前端Electron新手入门教程详解
Jun 21 Javascript
解决idea开发遇到javascript动态添加html元素时中文乱码的问题
Sep 29 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
JS中encodeURIComponent函数用php解码的代码
2012/03/01 PHP
php动态生成版权所有信息的方法
2015/03/24 PHP
Laravel 框架路由原理与路由访问实例分析
2020/04/14 PHP
javascript 写类方式之三
2009/07/05 Javascript
jQuery的实现原理的模拟代码 -3 事件处理
2010/08/03 Javascript
c#和Javascript操作同一json对象的实现代码
2012/01/17 Javascript
js加强的经典分页实例
2013/03/15 Javascript
url参数中有+、空格、=、%、&amp;、#等特殊符号的问题解决
2013/05/15 Javascript
JavaScript的事件绑定(方便不支持js的时候)
2013/10/01 Javascript
js操纵dom生成下拉列表框的方法
2014/02/24 Javascript
javaScript中with函数用法实例分析
2015/06/08 Javascript
使用getBoundingClientRect方法实现简洁的sticky组件的方法
2016/03/22 Javascript
修改Jquery Dialog 位置的实现方法
2016/08/26 Javascript
jQuery双向列表选择器select版
2016/11/01 Javascript
Angularjs中ng-repeat-start与ng-repeat-end的用法实例介绍
2016/12/31 Javascript
vue2 如何实现div contenteditable=“true”(类似于v-model)的效果
2017/02/08 Javascript
利用n工具轻松管理Node.js的版本
2017/04/21 Javascript
转换layUI的数据表格中的日期格式方法
2019/09/19 Javascript
jQuery模仿ToDoList实现简单的待办事项列表
2019/12/30 jQuery
python监控网卡流量并使用graphite绘图的示例
2014/04/27 Python
python搜索指定目录的方法
2015/04/29 Python
python使用xlrd实现检索excel中某列含有指定字符串记录的方法
2015/05/09 Python
Python的Flask站点中集成xhEditor文本编辑器的教程
2016/06/13 Python
python numpy函数中的linspace创建等差数列详解
2017/10/13 Python
Python+OpenCV目标跟踪实现基本的运动检测
2018/07/10 Python
PyCharm使用Docker镜像搭建Python开发环境
2019/12/26 Python
在TensorFlow中屏蔽warning的方式
2020/02/04 Python
Python下使用Trackbar实现绘图板
2020/10/27 Python
Cocopanda波兰:购买化妆品、护肤品、护发和香水
2020/05/25 全球购物
如何将无状态会话Bean发布为WEB服务,只有无状态会话Bean可以发布为WEB服务?
2015/12/03 面试题
博士研究生自我鉴定范文
2013/12/04 职场文书
房屋出售协议书
2014/04/10 职场文书
社团活动总结格式
2014/08/29 职场文书
优秀班主任先进事迹材料
2014/12/16 职场文书
《分数的意义》教学反思
2016/02/20 职场文书
经典法律座右铭(50句)
2019/08/15 职场文书