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 相关文章推荐
WordPress 照片lightbox效果的运用几点
Jun 22 Javascript
网页右下角弹出窗体实现代码
Jun 05 Javascript
使用javascript获取页面名称
Dec 23 Javascript
三种Node.js写文件的方式
Mar 08 Javascript
基于Phantomjs生成PDF的实现方法
Nov 07 Javascript
vuejs指令详解
Feb 07 Javascript
jQuery实现table中两列CheckBox只能选中一个的示例
Sep 22 jQuery
使用vue中的v-for遍历二维数组的方法
Mar 07 Javascript
分享5个小技巧让你写出更好的 JavaScript 条件语句
Oct 20 Javascript
在layui中对table中的数据进行判断(0、1)转换为提示信息的方法
Sep 28 Javascript
记一次用ts+vuecli4重构项目的实现
May 21 Javascript
vue中解决chrome浏览器自动播放音频和MP3语音打包到线上的实现方法
Oct 09 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
「OVERLORD」动画重要删减!雅儿贝德的背叛?至尊猎杀队结成
2020/04/09 日漫
PHP 5.0 Pear安装方法
2006/12/06 PHP
PHP小技巧搜集,每个PHPer都来露一手
2007/01/02 PHP
destoon各类调用汇总
2014/06/20 PHP
php解析base64数据生成图片的方法
2016/12/06 PHP
在Laravel 中实现是否关注的示例
2019/10/22 PHP
javascript 简单高效判断数据类型 系列函数 By shawl.qiu
2007/03/06 Javascript
添加JavaScript重载函数的辅助方法2
2010/07/04 Javascript
jquery的相对父元素和相对文档定位示例代码
2013/08/02 Javascript
jquery交替变换颜色的三种方法 实例代码
2013/11/19 Javascript
jquery实现点击文字可编辑并修改保存至数据库
2014/04/15 Javascript
javascript学习笔记(七)Ajax和Http状态码
2014/10/08 Javascript
js Calender控件使用详解
2015/01/05 Javascript
解决jquery中动态新增的元素节点无法触发事件问题的两种方法
2015/10/30 Javascript
JS折半插入排序算法实例
2015/12/02 Javascript
JavaScript知识点总结(四)之逻辑OR运算符详解
2016/05/31 Javascript
AngularJS基础 ng-mouseenter 指令示例代码
2016/08/02 Javascript
jQuery grep()方法详解及实例代码
2016/10/30 Javascript
详解js中==与===的区别
2017/01/08 Javascript
详解vue-cli 构建Vue项目遇到的坑
2017/08/30 Javascript
tsconfig.json配置详解
2019/05/17 Javascript
python 文件和路径操作函数小结
2009/11/23 Python
python实现sublime3的less编译插件示例
2014/04/27 Python
Python进行数据提取的方法总结
2016/08/22 Python
python os.path模块常用方法实例详解
2018/09/16 Python
浅谈Python中(&,|)和(and,or)之间的区别
2019/08/07 Python
Python产生一个数值范围内的不重复的随机数的实现方法
2019/08/21 Python
python+Django+pycharm+mysql 搭建首个web项目详解
2019/11/29 Python
Python字符串查找基本操作代码案例
2020/10/27 Python
paramiko使用tail实时获取服务器的日志输出详解
2020/12/06 Python
使用css实现android系统的loading加载动画
2019/07/25 HTML / CSS
菲律宾酒店预订网站:Hotels.com菲律宾
2017/07/12 全球购物
船餐厅和泰晤士河餐饮游轮:Bateaux London
2018/03/19 全球购物
2015年公民道德宣传日活动总结
2015/03/23 职场文书
小学中队委竞选稿
2015/11/20 职场文书
技术转让协议书
2016/03/19 职场文书