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

 更新时间:2013年03月20日 15:05:37   作者:  
[]不仅仅可以表示数组,可以直接通过对象的属性设置值和访问值,接下来为大家介绍下[]和{}对象的使用,感兴趣的你可以参考下哈
复制代码 代码如下:

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>

相关文章

  • js计算任意值之间随机数的方法

    js计算任意值之间随机数的方法

    这篇文章主要介绍了js计算任意值之间随机数的方法,分析了Math.random函数的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-01-01
  • JavaScript驾驭网页-获取网页元素

    JavaScript驾驭网页-获取网页元素

    这篇文章主要介绍了JavaScript驾驭网页-获取网页元素的相关资料,需要的朋友可以参考下
    2016-03-03
  • JavaScript中blob对象和file对象的区别及相互转换实例

    JavaScript中blob对象和file对象的区别及相互转换实例

    在JavaScript中,File和Blob是Web API提供的两个重要对象,用于处理文件和二进制数据,这篇文章主要介绍了JavaScript中blob对象和file对象的区别及相互转换的相关资料,需要的朋友可以参考下
    2025-04-04
  • JavaScript 中的行继续符操作

    JavaScript 中的行继续符操作

    JavaScript 中的字符串操作可能很复杂, 尽管字符串操作易于掌握,但实施起来却具有挑战性,其中一个相关领域是添加新行,这篇文章主要介绍了JavaScript中的行继续符操作,需要的朋友可以参考下
    2023-06-06
  • JS实现对json对象排序并删除id相同项功能示例

    JS实现对json对象排序并删除id相同项功能示例

    这篇文章主要介绍了JS实现对json对象排序并删除id相同项功能,涉及javascript针对json格式数据的遍历、运算、判断、添加、删除等相关操作技巧,需要的朋友可以参考下
    2018-04-04
  • 让IE支持RGBa的背景色的代码

    让IE支持RGBa的背景色的代码

    老版本的IE不支持RGBa的背景色,不过我们可以用滤镜实现同样的效果。
    2010-07-07
  • 如何在uniapp中获取可视区域的高度(uni.getSystemInfo)

    如何在uniapp中获取可视区域的高度(uni.getSystemInfo)

    这篇文章主要给大家介绍了关于如何在uniapp中获取可视区域的高度(uni.getSystemInfo)的相关资料,文中通过图文以及实例代码介绍的非常详细,对大家学习或者使用uniapp具有一定的参考学习价值,需要的朋友可以参考下
    2023-04-04
  • 基于Bootstrap下拉框插件bootstrap-select使用方法详解

    基于Bootstrap下拉框插件bootstrap-select使用方法详解

    这篇文章主要为大家详细介绍了基于Bootstrap下拉框插件bootstrap-select的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-08-08
  • npm install jquery报错问题解决

    npm install jquery报错问题解决

    这篇文章主要为大家介绍了npm install jquery报错问题解决分析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-10-10
  • uniapp中uni.request(OBJECT)接口请求封装实例代码

    uniapp中uni.request(OBJECT)接口请求封装实例代码

    在开发的时候经常会用到前端请求后端接口,每次的请求都会出现地址不一样,参数不一样,方式不一样等等情况,下面这篇文章主要给大家介绍了关于uniapp中uni.request(OBJECT)接口请求封装的相关资料,需要的朋友可以参考下
    2022-12-12

最新评论