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

所属分类: 网络编程 / JavaScript 阅读数: 1582
收藏 0 赞 0 分享
复制代码 代码如下:

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 this关键字指向常用情况解析

这篇文章主要介绍了JavaScript this关键字指向常用情况解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
收藏 0 赞 0 分享

Vue-cli打包后如何本地查看的操作

这篇文章主要介绍了Vue-cli打包后如何本地查看的操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

vue cli 3.0通用打包配置代码,不分一二级目录

这篇文章主要介绍了vue cli 3.0通用打包配置代码,不分一二级目录,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

JavaScript事件循环及宏任务微任务原理解析

这篇文章主要介绍了JavaScript事件循环及宏任务微任务原理解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
收藏 0 赞 0 分享

关于vue-cli3打包代码后白屏的解决方案

这篇文章主要介绍了关于vue-cli3打包代码后白屏的解决方案,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

vue打包静态资源后显示空白及static文件路径报错的解决

这篇文章主要介绍了vue打包静态资源后显示空白及static文件路径报错的解决,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

vue-cli3访问public文件夹静态资源报错的解决方式

这篇文章主要介绍了vue-cli3访问public文件夹静态资源报错的解决方式,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

JS继承实现方法及优缺点详解

这篇文章主要介绍了JS继承实现方法及优缺点详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
收藏 0 赞 0 分享

vue或react项目生产环境去掉console.log的操作

这篇文章主要介绍了vue或react项目生产环境去掉console.log的操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

解决vue组件没显示,没起作用,没报错,但该显示的组件没显示问题

这篇文章主要介绍了解决vue组件没显示,没起作用,没报错,但该显示的组件没显示问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享
查看更多