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"代码
Jan 09 Javascript
javascript 命名空间以提高代码重用性
Nov 13 Javascript
防止动态加载JavaScript引起的内存泄漏问题
Oct 08 Javascript
javascript 二进制运算技巧解析
Nov 27 Javascript
js将当前时间格式转换成时间搓(自写)
Sep 26 Javascript
js获取视频时长代码
Apr 10 Javascript
jQuery对于显示和隐藏等常用状态的判断方法
Dec 13 Javascript
JavaScript 学习笔记之基础中的基础
Jan 13 Javascript
JavaScript动态提示输入框输入字数的方法
Jul 27 Javascript
Bootstrap前端开发案例一
Jun 17 Javascript
js Date()日期函数浏览器兼容问题解决方法
Sep 12 Javascript
如何在Vue项目中添加接口监听遮罩
Jan 25 Vue.js
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采集腾讯微博的实现代码
2012/01/19 PHP
php实现把数组按指定的个数分隔
2014/02/17 PHP
PHP动态页生成静态页的3种常用方法
2014/11/13 PHP
Zend Framework教程之资源(Resources)用法实例详解
2016/03/14 PHP
TP5框架实现一次选择多张图片并预览的方法示例
2020/04/04 PHP
Javascript实例教程(19) 使用HoTMetal(1)
2006/12/23 Javascript
删除javascript所创建子节点的方法
2015/05/21 Javascript
nodejs个人博客开发第六步 数据分页
2017/04/12 NodeJs
Angular.js项目中使用gulp实现自动化构建以及压缩打包详解
2017/07/19 Javascript
Express系列之multer上传的使用
2017/10/27 Javascript
easyui下拉框动态级联加载的示例代码
2017/11/29 Javascript
JS内部事件机制之单线程原理
2018/07/02 Javascript
详解Vue2.0组件的继承与扩展
2018/11/23 Javascript
layui 对弹窗 form表单赋值的实现方法
2019/09/04 Javascript
layui监听下拉选框选中值变化的方法(包含监听普通下拉选框)
2019/09/24 Javascript
BootstrapValidator验证用户名已存在(ajax)
2019/11/08 Javascript
vue实现下载文件流完整前后端代码
2020/11/17 Vue.js
[01:12:40]DOTA2-DPC中国联赛 正赛 DLG vs XG BO3 第三场 1月25日
2021/03/11 DOTA
从零学python系列之教你如何根据图片生成字符画
2014/05/23 Python
Python字符串特性及常用字符串方法的简单笔记
2016/01/04 Python
python 字典(dict)按键和值排序
2016/06/28 Python
python中json格式数据输出的简单实现方法
2016/10/31 Python
Python操作csv文件实例详解
2017/07/31 Python
浅析python3字符串格式化format()函数的简单用法
2018/12/07 Python
利用Python实现kNN算法的代码
2019/08/16 Python
DataFrame 数据合并实现(merge,join,concat)
2020/06/14 Python
html5 canvas合成海报所遇问题及解决方案总结
2017/08/03 HTML / CSS
英国在线药房和在线药剂师:Chemist 4 U
2020/01/05 全球购物
土木工程建筑专业毕业生求职信
2013/10/21 职场文书
2014全国两会心得体会
2014/03/17 职场文书
地质工程专业毕业生求职信
2014/08/08 职场文书
主持人开幕词
2015/01/29 职场文书
三八节活动主持词
2015/07/04 职场文书
解决jupyter notebook启动后没有token的坑
2021/04/24 Python
基于JavaScript实现省市联动效果
2021/06/22 Javascript
Java网络编程之UDP实现原理解析
2021/09/04 Java/Android