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 相关文章推荐
网页里控制图片大小的相关代码
Jun 13 Javascript
JQuery打造PHP的AJAX表单提交实例
Nov 03 Javascript
基于jquery的图片懒加载js
Jun 30 Javascript
举例讲解Node.js中的Writable对象
Jul 29 Javascript
通过node-mysql搭建Windows+Node.js+MySQL环境的教程
Mar 01 Javascript
微信公众平台开发教程(四) 实例入门:机器人回复(附源码)
Dec 02 Javascript
select下拉框插件jquery.editable-select详解
Jan 22 Javascript
jQuery在header中设置请求信息的方法
Mar 06 Javascript
Node.js readline模块与util模块的使用
Mar 01 Javascript
mpvue小程序仿qq左滑置顶删除组件
Aug 03 Javascript
VUE+elementui面包屑实现动态路由详解
Nov 04 Javascript
ElementUI中el-tree节点的操作的实现
Feb 27 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的源码中深入了解stdClass类
2014/04/18 PHP
PHP实现的简单三角形、矩形周长面积计算器分享
2014/11/18 PHP
php 广告点击统计代码(php+mysql)
2018/02/21 PHP
js和as的稳定传值问题解决
2013/07/14 Javascript
JS 如何获取radio选中后的值及不选择取radio的值
2013/10/28 Javascript
Knockout数组(observable)使用详解示例
2013/11/15 Javascript
javascript图片相似度算法实现 js实现直方图和向量算法
2014/01/14 Javascript
javascript实现的HashMap类代码
2014/06/27 Javascript
jQuery实现checkbox全选的方法
2015/06/10 Javascript
JQuery自动触发事件的方法
2015/06/13 Javascript
JavaScript判断浏览器对CSS3属性是否支持的多种方法
2016/11/13 Javascript
浅谈JS读取DOM对象(标签)的自定义属性
2016/11/21 Javascript
JavaScript自动点击链接 防止绕过浏览器访问的方法
2017/01/19 Javascript
Angular2中select用法之设置默认值与事件详解
2017/05/07 Javascript
Node.js 使用命令行工具检查更新
2017/06/08 Javascript
Javascript中JSON数据分组优化实践及JS操作JSON总结
2017/12/22 Javascript
React Native中NavigatorIOS组件的简单使用详解
2018/01/27 Javascript
解决vue-router 嵌套路由没反应的问题
2020/09/22 Javascript
node使用async_hooks模块进行请求追踪
2021/01/28 Javascript
Python实现截屏的函数
2015/07/26 Python
用tensorflow实现弹性网络回归算法
2018/01/09 Python
urllib和BeautifulSoup爬取维基百科的词条简单实例
2018/01/17 Python
django的分页器Paginator 从django中导入类
2019/07/25 Python
PyTorch中Tensor的数据统计示例
2020/02/17 Python
详解Python3中的 input() 函数
2020/03/18 Python
Python内置函数locals和globals对比
2020/04/28 Python
python自动化测试三部曲之request+django实现接口测试
2020/10/07 Python
公司薪酬管理制度
2014/01/31 职场文书
行政人事专员岗位职责
2014/03/05 职场文书
书法兴趣小组活动总结
2014/07/07 职场文书
社区志愿者活动方案
2014/08/18 职场文书
研究生个人学年总结
2015/02/14 职场文书
医生个人年度总结
2015/02/28 职场文书
毕业生个人总结
2015/02/28 职场文书
如何用PHP实现分布算法之一致性哈希算法
2021/05/26 PHP
Python 绘制多因子柱状图
2022/05/11 Python