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 Array和string的转换(推荐)
May 20 Javascript
jQuery实现布局高宽自适应的简单实例
May 28 Javascript
Javascript中浏览器窗口的基本操作总结
Aug 18 Javascript
AngularJS入门教程之AngularJS 模板
Aug 18 Javascript
从零学习node.js之mysql数据库的操作(五)
Feb 24 Javascript
JavaScript实现的浏览器下载文件的方法
Aug 09 Javascript
微信小程序 确认框的实现(附代码)
Jul 23 Javascript
vue中created和mounted的区别浅析
Aug 13 Javascript
微信小程序实现滚动加载更多的代码
Dec 06 Javascript
vue仿淘宝滑动验证码功能(样式模仿)
Dec 10 Javascript
详解ES6数组方法find()、findIndex()的总结
May 12 Javascript
JS如何在不同平台实现多语言方式
Jul 16 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
动漫女神老婆无限好,但日本女生可能就不是这么一回事了!
2020/03/04 日漫
PHP使用get_headers函数判断远程文件是否存在的方法
2014/11/28 PHP
javascript[js]获取url参数的代码
2007/10/17 Javascript
js键盘事件的keyCode
2014/07/29 Javascript
JavaScript的事件代理和委托实例分析
2015/03/25 Javascript
js表格排序实例分析(支持int,float,date,string四种数据类型)
2015/05/06 Javascript
javascript实现淡蓝色的鼠标拖动选择框实例
2015/05/09 Javascript
jQuery实现固定在网页顶部的菜单效果代码
2015/09/02 Javascript
jQuery-1.9.1源码分析系列(十)事件系统之事件包装
2015/11/20 Javascript
html、css和jquery相结合实现简单的进度条效果实例代码
2016/10/24 Javascript
AngularJS 验证码60秒倒计时功能的实现
2017/06/05 Javascript
vue watch自动检测数据变化实时渲染的方法
2018/01/16 Javascript
laravel-admin 与 vue 结合使用实例代码详解
2019/06/04 Javascript
js判断复选框是否选中的方法示例【基于jQuery】
2019/10/10 jQuery
详解uniapp的全局变量实现方式
2021/01/11 Javascript
[11:12]2018DOTA2国际邀请赛寻真——绿色长城OpTic
2018/08/10 DOTA
详解duck typing鸭子类型程序设计与Python的实现示例
2016/06/03 Python
python分割列表(list)的方法示例
2017/05/07 Python
Python+matplotlib实现填充螺旋实例
2018/01/15 Python
在Windows中设置Python环境变量的实例讲解
2018/04/28 Python
利用Python复制文件的9种方法总结
2019/09/02 Python
python实现批量命名照片
2020/06/18 Python
解决Keras使用GPU资源耗尽的问题
2020/06/22 Python
Python定义一个Actor任务
2020/07/29 Python
安装pyecharts1.8.0版本后导入pyecharts模块绘图时报错: “所有图表类型将在 v1.9.0 版本开始强制使用 ChartItem 进行数据项配置 ”的解决方法
2020/08/18 Python
Django nginx配置实现过程详解
2020/09/10 Python
python爬虫构建代理ip池抓取数据库的示例代码
2020/09/22 Python
10分钟入门CSS3 Animation
2018/12/25 HTML / CSS
HTML5的结构和语义(3):语义性的块级元素
2008/10/17 HTML / CSS
MAC彩妆英国官网:M·A·C UK
2018/05/30 全球购物
PatPat阿根廷:妈妈们的购物平台
2019/05/30 全球购物
高级3D打印市场:Gambody
2019/12/26 全球购物
2014年最新党员对照检查材料汇总
2014/09/15 职场文书
导游词格式
2015/02/13 职场文书
用python实现监控视频人数统计
2021/05/21 Python
Vue2.0搭建脚手架
2022/03/13 Vue.js