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 相关文章推荐
extJs 常用到的增,删,改,查操作代码
Dec 28 Javascript
Jquery EasyUI的添加,修改,删除,查询等基本操作介绍
Oct 11 Javascript
动态创建script标签实现跨域资源访问的方法介绍
Feb 28 Javascript
JS实现仿QQ面板的手风琴效果折叠菜单代码
Sep 11 Javascript
深入解析JavaScript编程中的this关键字使用
Nov 09 Javascript
Vue 实用分页paging实例代码
Apr 12 Javascript
React中ES5与ES6写法的区别总结
Apr 21 Javascript
微信小程序多张图片上传功能
Jun 07 Javascript
vue结合element-ui使用示例
Jan 24 Javascript
JavaScript展开操作符(Spread operator)详解
Jul 20 Javascript
Vue使用NProgress的操作过程解析
Oct 10 Javascript
vue-router的钩子函数用法实例分析
Oct 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
用Php实现链结人气统计
2006/10/09 PHP
解决dede生成静态页和动态页转换的一些问题,及火车采集入库生成动态的办法
2007/03/29 PHP
PHP XML操作的各种方法解析(比较详细)
2010/06/17 PHP
PHP验证码生成原理和实现
2016/01/24 PHP
php处理json格式数据经典案例总结
2016/05/19 PHP
PHP入门教程之日期与时间操作技巧总结(格式化,验证,获取,转换,计算等)
2016/09/11 PHP
php封装的smarty类完整实例
2016/10/19 PHP
Javascript JSQL,SQL无处不在,
2010/05/05 Javascript
JQuery for与each性能比较分析
2013/05/14 Javascript
快速掌握WordPress中加载JavaScript脚本的方法
2015/12/17 Javascript
JS+CSS实现闪烁字体效果代码
2016/04/05 Javascript
JS实现title标题栏文字不间断滚动显示效果
2016/09/07 Javascript
JS查找字符串中出现最多的字符及个数统计
2017/02/04 Javascript
JS基于正则表达式的替换操作(replace)用法示例
2017/04/28 Javascript
vue.js评论发布信息可插入QQ表情功能
2017/08/08 Javascript
浅谈关于angularJs中使用$.ajax的注意点
2017/08/12 Javascript
详解SPA中前端路由基本原理与实现方式
2018/09/12 Javascript
解决nuxt页面中mounted、created、watch执行两遍的问题
2020/11/05 Javascript
ES6学习教程之Promise用法详解
2020/11/22 Javascript
python使用电子邮件模块smtplib的方法
2016/08/28 Python
简单谈谈python中的多进程
2016/11/06 Python
Python学习笔记之解析json的方法分析
2017/04/21 Python
Python编程之序列操作实例详解
2017/07/22 Python
python获取多线程及子线程的返回值
2017/11/15 Python
python机器学习之决策树分类详解
2017/12/20 Python
python开头的coding设置方法
2019/08/08 Python
Python Gitlab Api 使用方法
2019/08/28 Python
python如何从键盘获取输入实例
2020/06/18 Python
python 模块导入问题汇总
2021/02/01 Python
来自全球大都市的高级街头服饰:Pegador
2018/01/03 全球购物
如何利用find命令查找文件
2016/11/18 面试题
大学生毕业求职信
2014/06/12 职场文书
我爱家乡演讲稿
2014/09/12 职场文书
社会实践活动总结
2015/02/05 职场文书
接待员岗位职责
2015/02/13 职场文书
浅谈自定义校验注解ConstraintValidator
2021/06/30 Java/Android