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 相关文章推荐
关于IE浏览器以及Firefox下的javascript冒泡事件的响应层级
Oct 14 Javascript
jQuery EasyUI API 中文文档 - ComboTree组合树
Oct 11 Javascript
导航跟随滚动条置顶移动示例代码
Sep 11 Javascript
JavaScript实现星星等级评价功能
Mar 22 Javascript
jQuery插件FusionCharts绘制ScrollColumn2D图效果示例【附demo源码下载】
Mar 22 jQuery
bootstrap模态框远程示例代码分享
May 22 Javascript
webpack4简单入门实例
Sep 06 Javascript
JavaScript随机数的组合问题案例分析
May 16 Javascript
微信小程序 scroll-view的使用案例代码详解
Jun 11 Javascript
keep-Alive搭配vue-router实现缓存页面效果的示例代码
Jun 24 Javascript
js实现随机圆与矩形功能
Oct 29 Javascript
36个正则表达式(开发效率提高80%)
Nov 17 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之第十天
2006/10/09 PHP
xml在joomla表单中的应用详解分享
2012/07/19 PHP
简单谈谈php中ob_flush和flush的区别
2014/11/27 PHP
Laravel 6 将新增为指定队列任务设置中间件的功能
2019/08/06 PHP
Javascript 同时提交多个Web表单的方法
2009/02/19 Javascript
new Date()问题在ie8下面的处理方法
2014/07/31 Javascript
js实现禁止中文输入的方法
2015/01/14 Javascript
JavaScript搜索字符串并将搜索结果返回到字符串的方法
2015/04/06 Javascript
详细解读JavaScript编程中的Promise使用
2015/07/27 Javascript
浅析Javascript ES6新增值比较函数Object.is
2016/08/24 Javascript
Angular ng-repeat遍历渲染完页面后执行其他操作详细介绍
2016/12/13 Javascript
react的滑动图片验证码组件的示例代码
2019/02/27 Javascript
vue实现商城秒杀倒计时功能
2019/12/12 Javascript
Vue基于iview table展示图片实现点击放大
2020/08/05 Javascript
vue3.0+vue-router+element-plus初实践
2020/12/02 Vue.js
python脚本实现数据导出excel格式的简单方法(推荐)
2016/12/30 Python
Python使用plotly绘制数据图表的方法
2017/07/18 Python
python连接数据库的方法
2017/10/19 Python
使用python将请求的requests headers参数格式化方法
2019/01/02 Python
python+django+rest框架配置创建方法
2019/08/31 Python
Python基于BeautifulSoup爬取京东商品信息
2020/06/01 Python
如何清空python的变量
2020/07/05 Python
Python数据可视化实现漏斗图过程图解
2020/07/20 Python
使用python爬取抖音app视频的实例代码
2020/12/01 Python
使用CSS3的font-face字体嵌入样式的方法讲解
2016/05/13 HTML / CSS
联想瑞士官方网站:Lenovo Switzerland
2017/11/19 全球购物
德国最大的服装、鞋子和配件在线商店之一:Outfits24
2019/07/23 全球购物
软件设计的目标是什么
2016/12/04 面试题
巧克力蛋糕店创业计划书
2014/01/14 职场文书
2014年党务公开方案
2014/05/08 职场文书
幼儿园感恩节活动方案2014
2014/10/11 职场文书
团组织关系介绍信
2019/06/24 职场文书
Django利用AJAX技术实现博文实时搜索
2021/05/06 Python
超级详细实用的pycharm常用快捷键
2021/05/12 Python
springboot拦截器无法注入redisTemplate的解决方法
2021/06/27 Java/Android
Java8 Stream API 提供了一种高效且易于使用的处理数据的方式
2022/04/13 Java/Android