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 相关文章推荐
JavaScript数据类型之基本类型和引用类型的值
Apr 01 Javascript
js实现带圆角的多级下拉菜单效果
Aug 28 Javascript
JS+CSS实现带有碰撞缓冲效果的竖向导航条代码
Sep 15 Javascript
jquery对dom节点的操作【推荐】
Apr 15 Javascript
AngularJS 自定义过滤器详解及实例代码
Sep 14 Javascript
node.js报错:Cannot find module 'ejs'的解决办法
Dec 14 Javascript
Vue.js 2.0学习教程之从基础到组件详解
Apr 24 Javascript
Angular6中使用Swiper的方法示例
Jul 09 Javascript
详解vue2.0 资源文件assets和static的区别
Nov 27 Javascript
利用es6 new.target来对模拟抽象类的方法
May 10 Javascript
vue之a-table中实现清空选中的数据
Nov 07 Javascript
解决vue项目中出现Invalid Host header的问题
Nov 17 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分页函数
2006/07/08 PHP
php ajax异步读取rss文档数据
2016/03/29 PHP
phpMyAdmin通过密码漏洞留后门文件
2018/11/20 PHP
基于jquery的一个拖拽到指定区域内的效果
2011/09/21 Javascript
得到form下的所有的input的js代码
2013/11/07 Javascript
jquery中对于批量deferred的处理方法
2014/01/22 Javascript
JavaScript数组和循环详解
2015/04/27 Javascript
JQuery替换DOM节点的方法
2015/06/11 Javascript
JQuery ztree带筛选、异步加载实例讲解
2016/02/25 Javascript
浅谈JS继承_寄生式继承 &amp; 寄生组合式继承
2016/08/16 Javascript
详解js树形控件—zTree使用总结
2016/12/28 Javascript
JQuery ZTree使用方法详解
2017/01/07 Javascript
js实现图片360度旋转
2017/01/22 Javascript
使用FormData实现上传多个文件
2018/12/04 Javascript
详解微信小程序之scroll-view的flex布局问题
2019/01/16 Javascript
jQuery实现验证用户登录
2019/12/10 jQuery
Vue执行方法,方法获取data值,设置data值,方法传值操作
2020/08/05 Javascript
[07:20]2014DOTA2西雅图国际邀请赛 选手讲解积分赛第二天
2014/07/11 DOTA
[50:21]Liquid vs Winstrike 2018国际邀请赛小组赛BO2 第二场
2018/08/19 DOTA
python进阶教程之函数参数的多种传递方法
2014/08/30 Python
在Windows服务器下用Apache和mod_wsgi配置Python应用的教程
2015/05/06 Python
python 按照固定长度分割字符串的方法小结
2018/04/30 Python
Python中的groupby分组功能的实例代码
2018/07/11 Python
Pandas删除数据的几种情况(小结)
2019/06/21 Python
python lambda表达式(匿名函数)写法解析
2019/09/16 Python
如何用Python提取10000份log中的产品信息
2021/01/14 Python
New Era英国官网:美国棒球帽品牌
2018/03/21 全球购物
Pharmacy Online中文直邮网站:澳洲大型药房
2020/06/27 全球购物
致裁判员加油稿
2014/02/08 职场文书
教师产假请假条
2014/04/10 职场文书
化学专业大学生职业生涯规划范文
2014/09/13 职场文书
2015年社区工作总结
2015/04/08 职场文书
运动会闭幕式主持词
2015/07/01 职场文书
使用Python脚本对GiteePages进行一键部署的使用说明
2021/05/27 Python
Python趣味实战之手把手教你实现举牌小人生成器
2021/06/07 Python
5个pandas调用函数的方法让数据处理更加灵活自如
2022/04/24 Python