js 中{},[]中括号,大括号使用详解


Posted in Javascript onMay 12, 2011

一、{ } 大括号,表示定义一个对象,大部分情况下要有成对的属性和值,或是函数。
如:var LangShen = {"Name":"Langshen","AGE":"28"};
上面声明了一个名为“LangShen”的对象,多个属性或函数用,(逗号)隔开,因为是对象的属性,
所以访问时,应该用.(点)来层层访问:LangShen.Name、LangShen.AGE,当然我们也可以用数组的方式来访问,如:LangShen["Name"]、LangShen["AGE"],结果是一样的。
该写法,在JSON数据结构中经常用,除此之外,我们平时写函数组的时候,也经常用到,如:

var LangShen = { 
Name = function(){ 
return "LangShen"; 
}, 
Age = function(){ 
return "28"; 
} 
}

调用方式差不多,因为是函数组,所以要加上(),如:alert( LangShen.Name() );
二、[ ]中括号,表示一个数组,也可以理解为一个数组对象。
如:var LangShen = [ "Name","LangShen","AGE","28" ];
很明显,每个值或函数,都是独立的,多个值之间只用,(逗号)隔开,因为是数组对象,所以它等于:
var LangShen = Array( "Name","LangShen","AGE","28" );
访问时,也是和数组一样,alert( LangShen[0] );
三、{ } 和[ ] 一起使用,我们前面说到,{ } 是一个对象,[ ] 是一个数组,我们可以组成一个对象数组,如:
var LangShen = { "Name":"Langshen", 
"MyWife":[ "LuLu","26" ], 
"MySon":[{"Name":"Son1"},{"Name":"Son2"},{"Name":"Son3"}] 
}

从上面的结构来看,是一个对象里面的第一项是个属性,第二项是一个数组,第三个是包含有多个对象的数组。调用起来,也是一层一层访问,对象的属性用.(点)叠加,数组用 [下标] 来访问。
如:alert( LangShen.MySon[1].Name ) ;
Javascript 相关文章推荐
JavaScript this调用规则说明
Mar 08 Javascript
jQuery+jqmodal弹出窗口实现代码分明
Jun 14 Javascript
js不能跳转到上一页面的问题解决方法
Mar 01 Javascript
使用JS取得焦点(focus)元素代码
Mar 22 Javascript
javascript HTML5 canvas实现打砖块游戏
Jun 18 Javascript
Bootstrap路径导航与分页学习使用
Feb 08 Javascript
Javascript实现从小到大的数组转换成二叉搜索树
Jun 13 Javascript
Angular指令之restict匹配模式的详解
Jul 27 Javascript
Vue.js实现的表格增加删除demo示例
May 22 Javascript
Node.js Buffer模块功能及常用方法实例分析
Jan 05 Javascript
element-ui table组件如何使用render属性的实现
Nov 04 Javascript
解决vue scoped html样式无效的问题
Oct 24 Javascript
JS Range HTML文档/文字内容选中、库及应用介绍
May 12 #Javascript
JavaScript中的几个关键概念的理解-原型链的构建
May 12 #Javascript
Jqyery中同等与js中windows.onload的应用
May 10 #Javascript
JQuery 1.6发布 性能提升,同时包含大量破坏性变更
May 10 #Javascript
JavaScript中为元素加上name属性的方法
May 09 #Javascript
JavaScript 放大镜 移动镜片效果代码
May 09 #Javascript
JavaScript 放大镜 放大倍率和视窗尺寸
May 09 #Javascript
You might like
php checkbox复选框值的获取与checkbox默认值输出方法
2010/05/15 PHP
通过PHP修改Linux或Unix口令的方法分享
2012/01/30 PHP
PHP函数spl_autoload_register()用法和__autoload()介绍
2012/02/04 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(十二)
2014/06/25 PHP
PHP MVC框架路由学习笔记
2016/03/02 PHP
使用prototype.js进行异步操作
2007/02/07 Javascript
JS Array对象入门分析
2008/10/30 Javascript
checkbox全选/取消全选以及checkbox遍历jQuery实现代码
2009/12/02 Javascript
jQuery 操作option的实现代码
2011/03/03 Javascript
在Javascript中处理数组之toSource()方法的使用
2015/06/09 Javascript
小巧强大的jquery layer弹窗弹层插件
2015/12/06 Javascript
Vue.js数据绑定之data属性
2017/07/07 Javascript
认识less和webstrom的less配置方法
2017/08/02 Javascript
浅谈vue获得后台数据无法显示到table上面的坑
2020/08/13 Javascript
python调用shell的方法
2013/11/20 Python
python删除指定类型(或非指定)的文件实例详解
2015/07/06 Python
Python的collections模块中namedtuple结构使用示例
2016/07/07 Python
Python使用filetype精确判断文件类型
2017/07/02 Python
python中利用Future对象回调别的函数示例代码
2017/09/07 Python
使用Python读取安卓手机的屏幕分辨率方法
2018/03/31 Python
Python3.6.x中内置函数总结及讲解
2019/02/22 Python
python图的深度优先和广度优先算法实例分析
2019/10/26 Python
如何用OpenCV -python3实现视频物体追踪
2019/12/04 Python
python3 tcp的粘包现象和解决办法解析
2019/12/09 Python
Python修改列表值问题解决方案
2020/03/06 Python
python 生成正态分布数据,并绘图和解析
2020/12/21 Python
会计学应届毕业生推荐信
2013/11/04 职场文书
仓管员岗位职责范文
2013/11/08 职场文书
业务经理岗位职责
2013/11/11 职场文书
教学评估实施方案
2014/03/16 职场文书
司仪主持词两篇
2014/03/22 职场文书
优秀应届生求职信
2014/06/16 职场文书
休假证明书
2015/06/24 职场文书
初中思想品德教学反思
2016/02/24 职场文书
Python基于Opencv识别两张相似图片
2021/04/25 Python
浅谈MySQL next-key lock 加锁范围
2021/06/07 MySQL