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 相关文章推荐
浏览器无法运行JAVA脚本的解决方法
Jan 09 Javascript
js异步加载的三种解决方案
Mar 04 Javascript
js使用正则实现ReplaceAll全部替换的方法
Aug 22 Javascript
使用堆实现Top K算法(JS实现)
Dec 25 Javascript
js完整倒计时代码分享
Sep 18 Javascript
web 前端常用组件之Layer弹出层组件
Sep 22 Javascript
基于SpringMVC+Bootstrap+DataTables实现表格服务端分页、模糊查询
Oct 30 Javascript
layer实现弹窗提交信息
Dec 12 Javascript
Angular模版驱动表单的使用总结
May 05 Javascript
vue+iview动态渲染表格详解
Mar 19 Javascript
通过layer实现可输入的模态框的例子
Sep 27 Javascript
Vue登录拦截 登录后继续跳转指定页面的操作
Aug 04 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
咖啡语言
2021/03/03 咖啡文化
php生成随机数或者字符串的代码
2008/09/05 PHP
phpmyadmin显示utf8_general_ci中文乱码的问题终级篇
2013/04/08 PHP
php定界符
2014/06/19 PHP
PHP中ini_set与ini_get用法实例
2014/11/04 PHP
php利用cookie实现自动登录的方法
2014/12/10 PHP
symfony表单与页面实现技巧
2015/01/26 PHP
php注册登录系统简化版
2020/12/28 PHP
PHP检测数据类型的几种方法(总结)
2017/03/04 PHP
Javascript 键盘keyCode键码值表
2009/12/24 Javascript
使用jQuery+HttpHandler+xml模拟一个三级联动的例子
2011/08/09 Javascript
jquery 插件学习(三)
2012/08/06 Javascript
js 获取屏幕各种宽高的方法(浏览器兼容)
2013/05/15 Javascript
JQuery页面图片切换和新闻列表滚动效果的具体实现
2013/09/26 Javascript
Jquery创建一个层当鼠标移动到层上面不消失效果
2013/12/12 Javascript
微信小程序 this和that详解及简单实例
2017/02/13 Javascript
ES6学习教程之Map的常用方法总结
2017/08/03 Javascript
layui实现form表单同时提交数据和文件的代码
2019/10/25 Javascript
python网络编程学习笔记(三):socket网络服务器
2014/06/09 Python
Python3实现发送QQ邮件功能(html)
2017/12/15 Python
Python 利用切片从列表中取出一部分使用的方法
2019/02/01 Python
在Python中,不用while和for循环遍历列表的实例
2019/02/20 Python
Python程序控制语句用法实例分析
2020/01/14 Python
Django重设Admin密码过程解析
2020/02/10 Python
vue常用指令代码实例总结
2020/03/16 Python
比利时家具购买网站:Home24
2019/01/03 全球购物
光电信息专业应届生求职信
2013/10/07 职场文书
公司同意接收函
2014/01/13 职场文书
个人工作总结范文2014
2014/11/07 职场文书
安全生产标语口号
2015/12/26 职场文书
财务年终工作总结大全
2019/06/20 职场文书
pytorch中[..., 0]的用法说明
2021/05/20 Python
Spring mvc是如何实现与数据库的前后端的连接操作的?
2021/06/30 Java/Android
Mysql事务索引知识汇总
2022/03/17 MySQL
【DOTA2】半决赛强强对话~ PSG LGD vs EHOME - DPC 2022 CN REGIONAL FINALS WINTER
2022/04/02 DOTA
Python Pytorch查询图像的特征从集合或数据库中查找图像
2022/04/09 Python