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 相关文章推荐
关于__defineGetter__ 和__defineSetter__的说明
May 12 Javascript
JS实现可改变列宽的table实例
Jul 02 Javascript
JQuery判断checkbox是否选中及其它复选框操作方法合集
Jun 01 Javascript
JS+CSS实现下拉列表框美化效果(3款)
Aug 15 Javascript
Angularjs分页查询的实现
Feb 24 Javascript
iscroll-probe实现下拉刷新和下拉加载效果
Jun 28 Javascript
JavaScript实现的超简单计算器功能示例
Dec 23 Javascript
js中apply()和call()的区别与用法实例分析
Aug 14 Javascript
vue引入axios同源跨域问题
Sep 27 Javascript
node 标准输入流和输出流代码实例
Sep 19 Javascript
解决在Vue中使用axios用form表单出现的问题
Oct 30 Javascript
带你彻底理解JavaScript中的原型对象
Apr 14 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代码 用PHP写出自己的BLOG系统
2010/04/12 PHP
php中0,null,empty,空,false,字符串关系的详细介绍
2013/06/20 PHP
php中获取主机名、协议及IP地址的方法
2014/11/18 PHP
Laravel框架中实现使用阿里云ACE缓存服务
2015/02/10 PHP
PHP mysqli_free_result()与mysqli_fetch_array()函数详解
2016/09/21 PHP
thinkPHP5.0框架自动加载机制分析
2017/03/18 PHP
swoole和websocket简单聊天室开发
2017/11/18 PHP
Code:findPosX 和 findPosY
2006/12/20 Javascript
JavaScript与Image加载事件(onload)、加载状态(complete)
2011/02/14 Javascript
用javascript模仿ie的自动完成类似自动完成功的表单
2012/12/12 Javascript
js 利用image对象实现图片的预加载提高访问速度
2013/03/29 Javascript
用原生JS获取CLASS对象(很简单实用)
2014/10/15 Javascript
Bootstrap3制作搜索框样式的方法
2016/07/11 Javascript
详解Jquery的事件操作和文档操作
2016/12/19 Javascript
AngularJS ui-router (嵌套路由)实例
2017/03/10 Javascript
JS实现上传图片实时预览功能
2017/05/22 Javascript
echarts学习笔记之图表自适应问题详解
2017/11/22 Javascript
React从react-router路由上做登陆验证控制的方法
2018/05/10 Javascript
vue点击input弹出带搜索键盘并监听该元素的方法
2018/08/25 Javascript
[03:18]DOTA2亚洲邀请赛小组赛第一日 RECAP赛事回顾
2015/01/30 DOTA
[03:36]DOTA2完美大师赛coL战队趣味视频——我演你猜
2017/11/23 DOTA
Python中return语句用法实例分析
2015/08/04 Python
Python安装pycurl失败的解决方法
2018/10/15 Python
python初学者,用python实现基本的学生管理系统(python3)代码实例
2019/04/10 Python
python django下载大的csv文件实现方法分析
2019/07/19 Python
python异常处理和日志处理方式
2019/12/24 Python
如何搭建pytorch环境的方法步骤
2020/05/06 Python
通过实例了解python__slots__使用方法
2020/09/14 Python
css3中单位px,em,rem,vh,vw,vmin,vmax的区别及浏览器支持情况
2016/12/06 HTML / CSS
美国在线肉类和海鲜配送:Crowd Cow
2020/10/02 全球购物
在使用非全零作为空指针内部表达的机器上, NULL是如何定义
2014/11/09 面试题
企业后勤岗位职责
2014/02/28 职场文书
2015年端午节国旗下演讲稿
2015/03/19 职场文书
退休教师追悼词
2015/06/23 职场文书
html5调用摄像头实例代码
2021/06/28 HTML / CSS
mysql使用 not int 子查询隐含陷阱
2022/04/12 MySQL