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 相关文章推荐
判断浏览器的javascript版本的代码
Sep 03 Javascript
Jquery 插件开发笔记整理
Jan 17 Javascript
完美兼容多浏览器的js判断图片路径代码汇总
Apr 17 Javascript
javascript带回调函数的异步脚本载入方法实例分析
Jul 02 Javascript
jQuery实现的淡入淡出二级菜单效果代码
Sep 15 Javascript
jquery实现异步加载图片(懒加载图片一种方式)
Apr 24 jQuery
微信小程序-getUserInfo回调的实例详解
Oct 27 Javascript
解决Vue.js父组件$on无法监听子组件$emit触发事件的问题
Sep 12 Javascript
js实现选项卡效果
Mar 07 Javascript
vue页面更新patch的实现示例
Mar 25 Javascript
js在HTML的三种引用方式详解
Aug 29 Javascript
vue+echarts+datav大屏数据展示及实现中国地图省市县下钻功能
Nov 16 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绝对路径与相对路径之间关系的的分析
2010/03/03 PHP
PHP中创建空文件的代码[file_put_contents vs touch]
2012/01/20 PHP
如何使用php等比例缩放图片
2016/10/12 PHP
JS代码格式化和语法着色V2
2006/10/14 Javascript
基于jquery ajax 用户无刷新登录方法详解
2012/04/28 Javascript
jquery动画2.元素坐标动画效果(创建一个图片走廊)
2012/08/24 Javascript
简单常用的幻灯片播放实现代码
2013/09/25 Javascript
利用try-catch判断变量是已声明未声明还是未赋值
2014/03/12 Javascript
JS自动倒计时30秒后按钮才可用(两种场景)
2015/08/31 Javascript
jQuery获取复选框被选中数量及判断选择值的方法详解
2016/05/25 Javascript
ES6新特性之解构、参数、模块和记号用法示例
2017/04/01 Javascript
详解微信小程序中的页面代码中的模板的封装
2017/10/12 Javascript
Vue 2.0入门基础知识之内部指令详解
2017/10/15 Javascript
vue-cli配置文件——config篇
2018/01/04 Javascript
解决Vue.js父组件$on无法监听子组件$emit触发事件的问题
2018/09/12 Javascript
JavaScript面试技巧之数组的一些不low操作
2019/03/22 Javascript
浅谈Vue页面级缓存解决方案feb-alive(上)
2019/04/14 Javascript
Python运算符重载用法实例分析
2015/06/01 Python
python中返回矩阵的行列方法
2018/04/04 Python
Python Django框架实现应用添加logging日志操作示例
2019/05/17 Python
解决pycharm 远程调试 上传 helpers 卡住的问题
2019/06/27 Python
python实现逆滤波与维纳滤波示例
2020/02/26 Python
使用python编写一个语音朗读闹钟功能的示例代码
2020/07/14 Python
python爬虫数据保存到mongoDB的实例方法
2020/07/28 Python
matplotlib交互式数据光标mpldatacursor的实现
2021/02/03 Python
诺思信科技(南京)有限公司.NET笔试题答案
2013/07/06 面试题
更夫岗位责任制
2014/02/11 职场文书
英语专业职业生涯规划范文
2014/03/05 职场文书
教师节促销方案
2014/03/22 职场文书
百货商场楼层班组长竞聘书
2014/03/31 职场文书
青年文明号口号
2014/06/17 职场文书
五一促销活动总结
2014/07/01 职场文书
2014年房产经纪人工作总结
2014/12/08 职场文书
网络营销计划
2015/01/17 职场文书
读《人生的智慧》有感:闲暇是人生的精华
2019/12/25 职场文书
Jsonp劫持学习
2021/04/01 PHP