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

159 阅读 0 评论 105 点赞

我是靠谱客的博主朴素战斗机，最近开发中收集的这篇文章主要介绍javascript中[]和{}对象使用介绍，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

复制代码代码如下:

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> 