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 相关文章推荐
js简单的表格添加行和删除行操作示例
Mar 31 Javascript
js转化毫秒为时间格式代码
Apr 10 Javascript
JavaScript操作Cookie详解
Feb 28 Javascript
js中日期的加减法
May 06 Javascript
JS+Canvas 实现下雨下雪效果
May 18 Javascript
Vue.js基础指令实例讲解(各种数据绑定、表单渲染大总结)
Jul 03 Javascript
JS按钮闪烁功能的实现代码
Jul 21 Javascript
使用canvas进行图像编辑的实例
Aug 29 Javascript
使用store来优化React组件的方法
Oct 23 Javascript
vue中的使用token的方法示例
Mar 10 Javascript
《javascript设计模式》学习笔记七:Javascript面向对象程序设计组合模式详解
Apr 08 Javascript
解决Vue + Echarts 使用markLine标线(precision精度问题)
Jul 20 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 正则匹配函数体
2009/08/25 PHP
PHPAnalysis中文分词类详解
2014/06/13 PHP
php UNIX时间戳用法详解
2017/02/16 PHP
JavaScript脚本性能的优化方法
2007/02/02 Javascript
Javascript中的for in循环和hasOwnProperty结合使用
2013/06/05 Javascript
jquery向上向下取整适合分页查询
2014/09/06 Javascript
浅谈JavaScript正则表达式分组匹配
2015/04/10 Javascript
js实现文件上传表单域美化特效
2015/11/02 Javascript
浅析AMD CMD CommonJS规范--javascript模块化加载学习心得总结
2016/03/16 Javascript
JavaScript判断用户名和密码不能为空的实现代码
2016/05/16 Javascript
js实现select选择框效果及美化
2016/08/19 Javascript
vue双向数据绑定原理探究(附demo)
2017/01/17 Javascript
JS实现向iframe中表单传值的方法
2017/03/24 Javascript
Angular实现响应式表单
2017/08/04 Javascript
vue环境搭建简单教程
2017/11/07 Javascript
微信小程序实现红包雨功能
2018/07/11 Javascript
vue项目中使用Svg的方法
2018/10/24 Javascript
[48:46]完美世界DOTA2联赛PWL S2 SZ vs FTD.C 第二场 11.19
2020/11/19 DOTA
Python Web开发模板引擎优缺点总结
2014/05/06 Python
Python解析最简单的验证码
2016/01/07 Python
八大排序算法的Python实现
2021/01/28 Python
Python使用自带的ConfigParser模块读写ini配置文件
2016/06/26 Python
python实现获取Ip归属地等信息
2016/08/27 Python
PyQT实现多窗口切换
2018/04/20 Python
Random 在 Python 中的使用方法
2018/08/09 Python
python批量赋值操作实例
2018/10/22 Python
详解python 中in 的 用法
2019/12/12 Python
Python 多进程、多线程效率对比
2020/11/19 Python
彪马法国官网:PUMA法国
2019/12/15 全球购物
党课学习思想汇报
2014/01/02 职场文书
公关活动策划方案
2014/05/25 职场文书
品质保证书格式
2015/02/28 职场文书
2015年银行客户经理工作总结
2015/04/01 职场文书
中学生勤俭节约倡议书
2015/04/29 职场文书
敬老院义诊活动总结
2015/05/07 职场文书
Kubernetes关键组件与结构组成介绍
2022/03/31 Servers