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 相关文章推荐
[原创]来自ImageSee官方 JavaScript图片浏览器
Jan 16 Javascript
JS+CSS设置img在DIV中只显示Img垂直居中的部分
Oct 24 Javascript
JavaScript中变量声明有var和没var的区别示例介绍
Sep 15 Javascript
微信小程序 富文本转文本实例详解
Oct 24 Javascript
利用Query+bootstrap和js两种方式实现日期选择器
Jan 10 Javascript
JavaScript 总结几个提高性能知识点(推荐)
Feb 20 Javascript
浅谈angular4 ng-content 中隐藏的内容
Aug 18 Javascript
快速解决vue-cli在ie9+中无效的问题
Sep 04 Javascript
JavaScript学习笔记之基于定时器实现图片无缝滚动功能详解
Jan 09 Javascript
微信小程序与公众号实现数据互通的方法
Jul 25 Javascript
原生JavaScript实现的无缝滚动功能详解
Jan 17 Javascript
关于angular浏览器兼容性问题的解决方案
Jul 26 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
WML,Apache,和 PHP 的介绍
2006/10/09 PHP
PHP 图片文件上传实现代码
2010/12/29 PHP
php性能优化分析工具XDebug 大型网站调试工具
2011/05/22 PHP
php PDO判断连接是否可用的实现方法
2017/04/03 PHP
PHP培训要多少钱
2017/06/06 PHP
PHP写API输出的时用echo的原因详解
2019/04/28 PHP
php实现获取近几日、月时间示例
2019/07/06 PHP
jquery构造器的实现代码小结
2011/05/16 Javascript
jquery获得下拉框值的代码
2011/08/13 Javascript
js修改input的type属性及浏览器兼容问题探讨与解决
2013/01/23 Javascript
jquery获取特定name所有选中的checkbox,支持IE9标准模式
2013/03/18 Javascript
AngularJS语法详解
2015/01/23 Javascript
jQuery层级选择器用法分析
2015/02/10 Javascript
canvas+gif.js打造自己的数字雨头像的示例代码
2017/10/26 Javascript
详解为Bootstrap Modal添加拖拽的方法
2018/01/05 Javascript
vue项目中api接口管理总结
2018/04/20 Javascript
详解node Async/Await 更好的异步编程解决方案
2018/05/10 Javascript
React学习笔记之高阶组件应用
2018/06/02 Javascript
vue cli 3.x 项目部署到 github pages的方法
2019/04/17 Javascript
通过vue写一个瀑布流插件代码实例
2019/09/07 Javascript
Python实现判断一个字符串是否包含子串的方法总结
2017/11/21 Python
python selenium 获取标签的属性值、内容、状态方法
2018/06/22 Python
pandas 将list切分后存入DataFrame中的实例
2018/07/03 Python
Python requests模块安装及使用教程图解
2020/06/30 Python
HTML5实现应用程序缓存(Application Cache)
2020/06/16 HTML / CSS
世界上最值得信赖的多日游在线市场:TourRadar
2018/07/20 全球购物
奢华的意大利皮革手袋:Bene Handbags
2019/10/29 全球购物
Zooplus罗马尼亚:宠物食品和配件
2019/11/02 全球购物
入党积极分子自我鉴定
2014/02/18 职场文书
中国梦口号
2014/06/13 职场文书
优秀毕业生的求职信
2014/07/21 职场文书
岗位工作说明书
2014/07/29 职场文书
中学生自我评价范文
2015/03/03 职场文书
2015大一新生军训感言
2015/08/01 职场文书
技术转让协议书
2016/03/19 职场文书
用Python爬取各大高校并可视化帮弟弟选大学,弟弟直呼牛X
2021/06/11 Python