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使用location.search的示例
Nov 05 Javascript
JavaScript中的Promise使用详解
Jun 24 Javascript
jQuery的bind()方法使用详解
Jul 15 Javascript
jQuery网页定位导航特效实现方法
Dec 19 Javascript
vue2.0父子组件及非父子组件之间的通信方法
Jan 21 Javascript
jQuery基于Ajax方式提交表单功能示例
Feb 10 Javascript
一次围绕setTimeout的前端面试经验分享
Jun 15 Javascript
vue引入jq插件的实例讲解
Sep 12 Javascript
React中jquery引用的实现方法
Sep 12 jQuery
基于vue-resource jsonp跨域问题的解决方法
Feb 03 Javascript
微信小程序--获取用户地理位置名称(无须用户授权)的方法
Apr 29 Javascript
vue实现设置载入动画和初始化页面动画效果
Oct 28 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
微信公众平台开发实现2048游戏的方法
2015/04/15 PHP
PHP AjaxForm提交图片上传并显示图片源码
2016/11/29 PHP
PHP实现支付宝即时到账功能
2016/12/21 PHP
基于yaf框架和uploadify插件,做的一个导入excel文件,查看并保存数据的功能
2017/01/24 PHP
[原创]php使用strpos判断字符串中数字类型子字符串出错的解决方法
2017/04/01 PHP
用js实现的一个Flash滚动轮换显示图片代码生成器
2007/03/14 Javascript
JQuery的AJAX实现文件下载的小例子
2013/05/15 Javascript
Javascript:为input设置readOnly属性(示例讲解)
2013/12/25 Javascript
jQuery验证插件 Validate详解
2014/11/20 Javascript
修改Jquery Dialog 位置的实现方法
2016/08/26 Javascript
详谈JS中数组的迭代方法和归并方法
2017/08/11 Javascript
Vue组件选项props实例详解
2017/08/18 Javascript
初步探究Python程序的执行原理
2015/04/11 Python
Python 如何访问外围作用域中的变量
2016/09/11 Python
Python selenium文件上传方法汇总
2020/11/19 Python
Python机器学习之SVM支持向量机
2017/12/27 Python
python清除函数占用的内存方法
2018/06/25 Python
Django之模型层多表操作的实现
2019/01/08 Python
django admin 自定义替换change页面模板的方法
2019/08/23 Python
pd.DataFrame统计各列数值多少的实例
2019/12/05 Python
自定义实现 PyQt5 下拉复选框 ComboCheckBox的完整代码
2020/03/30 Python
python爬取”顶点小说网“《纯阳剑尊》的示例代码
2020/10/16 Python
高性能钓鱼服装:Huk Gear
2019/02/20 全球购物
即将毕业大学生自荐信
2014/01/24 职场文书
日语系毕业求职信
2014/07/27 职场文书
领导干部整治奢华浪费之风思想汇报
2014/10/07 职场文书
十八大宣传标语
2014/10/09 职场文书
2014年基层党支部工作总结
2014/12/04 职场文书
交警失职检讨书
2015/01/26 职场文书
团代会开幕词
2015/01/28 职场文书
2016年大学生党员承诺书
2016/03/24 职场文书
教你解决往mysql数据库中存入汉字报错的方法
2021/05/06 MySQL
mysql 联合索引生效的条件及索引失效的条件
2021/11/20 MySQL
Oracle中update和select 关联操作
2022/01/18 Oracle
详解Python中*args和**kwargs的使用
2022/04/07 Python
Android开发之WECHAT微信小程序路由跳转的两种形式
2022/04/12 Java/Android