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 相关文章推荐
jQuery 改变CSS样式基础代码
Feb 11 Javascript
javascript学习笔记(六) Date 日期类型
Jun 19 Javascript
js获取键盘按键响应事件(兼容各浏览器)
May 16 Javascript
javascript检测页面是否缩放的小例子
May 16 Javascript
jquery中JSON的解析方式
Mar 16 Javascript
angular源码学习第一篇 setupModuleLoader方法
Oct 20 Javascript
详解Vue.js动态绑定class
Dec 20 Javascript
将input框中输入内容显示在相应的div中【三种方法可选】
May 08 Javascript
Vue使用vue-cli创建项目
Sep 01 Javascript
微信小程序使用Promise简化回调
Feb 06 Javascript
在vue里面设置全局变量或数据的方法
Mar 09 Javascript
vue日历/日程提醒/html5本地缓存功能
Sep 02 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清除bom示例
2014/03/03 PHP
[原创]php简单隔行变色功能实现代码
2016/07/09 PHP
IE不出现Flash激活框的小发现的js实现方法
2007/09/07 Javascript
Array.prototype.concat不是通用方法反驳[译]
2012/09/20 Javascript
JS解析json数据并将json字符串转化为数组的实现方法
2012/12/25 Javascript
JavaScrip实现PHP print_r的数功能(三种方法)
2013/11/12 Javascript
jQuery取得select选择的文本与值的示例
2013/12/09 Javascript
js操作IE浏览器弹出浏览文件夹可以返回目录路径
2014/07/14 Javascript
nodejs开发环境配置与使用
2014/11/17 NodeJs
JavaScript列表框listbox全选和反选的实现方法
2015/03/18 Javascript
浅谈javascript事件取消和阻止冒泡
2015/05/26 Javascript
Javascript对象字面量的理解
2016/06/22 Javascript
原生javascript实现的ajax异步封装功能示例
2016/11/03 Javascript
深入理解Javascript中的观察者模式
2017/02/20 Javascript
vue.js实现含搜索的多种复选框(附源码)
2017/03/23 Javascript
JS 中LocalStorage和SessionStorage的使用
2017/08/17 Javascript
vue项目中使用lib-flexible解决移动端适配的问题解决
2018/08/23 Javascript
vue-cli创建的项目中的gitHooks原理解析
2020/02/14 Javascript
JS Array.from()将伪数组转换成数组的方法示例
2020/03/23 Javascript
JavaScript类的继承多种实现方法
2020/05/30 Javascript
vue添加锚点,实现滚动页面时锚点添加相应的class操作
2020/08/10 Javascript
10个易被忽视但应掌握的Python基本用法
2015/04/01 Python
编写Python的web框架中的Model的教程
2015/04/29 Python
深入解析Python设计模式编程中建造者模式的使用
2016/03/02 Python
Python随机生成均匀分布在单位圆内的点代码示例
2017/11/13 Python
python中实现将多个print输出合成一个数组
2018/04/19 Python
python筛选出两个文件中重复行的方法
2018/05/31 Python
python 将list转成字符串,中间用符号分隔的方法
2018/10/23 Python
python实现QQ批量登录功能
2019/06/19 Python
Python 读取 YUV(NV12) 视频文件实例
2019/12/09 Python
电子商务专业个人的自我评价
2013/11/19 职场文书
园林系毕业生求职信
2014/06/23 职场文书
论群众路线学习心得体会
2014/10/31 职场文书
写给女朋友的保证书
2015/05/09 职场文书
反腐倡廉影片观后感
2015/06/08 职场文书
关于童年的读书笔记
2015/06/26 职场文书