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 相关文章推荐
JQuery自适应IFrame高度(支持嵌套 兼容IE,ff,safafi,chrome)
Mar 28 Javascript
分享Javascript中最常用的55个经典小技巧
Nov 29 Javascript
jQuery固定浮动侧边栏实现思路及代码
Sep 28 Javascript
Javascript Object 对象学习笔记
Dec 17 Javascript
JavaScript测试工具之Karma-Jasmine的安装和使用详解
Dec 03 Javascript
JavaScript html5利用FileReader实现上传功能
Mar 27 Javascript
js获取css的各种样式并且设置他们的方法
Aug 22 Javascript
微信小程序实现简单跑马灯效果
May 26 Javascript
angular4中引入echarts的方法示例
Jan 29 Javascript
Vue中使用matomo进行访问流量统计的实现
Nov 05 Javascript
vue获取data数据改变前后的值方法
Nov 07 Javascript
JS 图片压缩原理与实现方法详解
Apr 29 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
乱谈我对耳机、音箱的感受
2021/03/02 无线电
基于数据库的在线人数,日访问量等统计
2006/10/09 PHP
PHP中函数内引用全局变量的方法
2008/10/20 PHP
php $_SERVER windows系统与linux系统下的区别说明
2014/02/14 PHP
PHP实现websocket通信的方法示例
2018/08/28 PHP
启用OPCache提高PHP程序性能的方法
2019/03/21 PHP
js刷新框架子页面的七种方法代码
2008/11/20 Javascript
javascript getElementsByClassName实现代码
2010/10/11 Javascript
详谈 Jquery Ajax异步处理Json数据.
2011/09/09 Javascript
angular中使用路由和$location切换视图
2015/01/23 Javascript
45个JavaScript编程注意事项、技巧大全
2015/02/11 Javascript
jQuery仿淘宝网产品品牌隐藏与显示效果
2015/09/01 Javascript
js实现图片淡入淡出切换简易效果
2016/08/22 Javascript
jQuery实用小技巧_输入框文字获取和失去焦点的简单实例
2016/08/25 Javascript
jQuery图片瀑布流的简单实现代码
2017/03/15 Javascript
极简主义法编写JavaScript类
2017/11/02 Javascript
angular6 利用 ngContentOutlet 实现组件位置交换(重排)
2018/11/02 Javascript
JsonProperty 的使用方法详解
2019/10/11 Javascript
html中创建并调用vue组件的几种方法汇总
2020/11/17 Javascript
Python中splitlines()方法的使用简介
2015/05/20 Python
使用Python3编写抓取网页和只抓网页图片的脚本
2015/08/20 Python
python使用tornado实现登录和登出
2018/07/28 Python
numpy.where() 用法详解
2019/05/27 Python
Python Lambda函数使用总结详解
2019/12/11 Python
Python 3.8 新功能来一波(大部分人都不知道)
2020/03/11 Python
Python中BeautifulSoup通过查找Id获取元素信息
2020/12/07 Python
如何用python开发Zeroc Ice应用
2021/01/29 Python
HTML5触摸事件实现移动端简易进度条的实现方法
2018/05/04 HTML / CSS
html5 制作地图当前定位箭头的方法示例
2020/01/10 HTML / CSS
美国知名的百货清仓店:Neiman Marcus Last Call
2016/08/03 全球购物
Aveda美国官网:天然护发产品、洗发水、护发素和沙龙
2016/12/09 全球购物
匡威荷兰官方网站:Converse荷兰
2018/10/24 全球购物
毕业生求职简历的自我评价
2013/10/07 职场文书
借款协议书范本
2014/04/22 职场文书
2014年大学生党员自我评议
2014/09/22 职场文书
SpringCloud的JPA连接PostgreSql的教程
2021/06/26 Java/Android