文档章节

js 中{},[]中括号,大括号使用详解

piggybear
 piggybear
发布于 2015/02/16 10:32
字数 435
阅读 9
收藏 0

{ } 大括号,表示定义一个对象,大部分情况下要有成对的属性和值,或是函数

一、{ } 大括号,表示定义一个对象,大部分情况下要有成对的属性和值,或是函数。 
如: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 ) ;

本文转载自:http://blog.csdn.net/aa294194253/article/details/42713787

共有 人打赏支持
piggybear
粉丝 3
博文 237
码字总数 37552
作品 0
西安
技术主管
私信 提问
JavaScript(六):数据类型

在计算机科学中, (数据)大于一切,因为它对于计算机的意义重大。提供七种不同的(数据类型),它们是: undefined(未定义), null(空), boolean(布尔型), string(字符串), symbol(符号)...

Agnes2017
09/26
0
0
谈谈JS里的{ }大括号和[ ]中括号的用法

谈谈JS里的{ }大括号和[ ]中括号的用法,理解后就可以看懂JSON结构了。 一、{ } 大括号,表示定义一个对象,大部分情况下要有成对的属性和值,或是函数。 如:var LangShen = {"Name":"Langs...

形参思
2014/09/14
0
0
appId: '{suetech:$signPackage.appId}',大括号内的是什么东东?

@大道至精 你好,想跟你请教个问题: 在《亲测:ThinkPHP 调用微信JS-SDK 开发详解》一文中, appId: '{suetech:$signPackage.appId}',大括号内的是什么东东?...

urgreat
2015/06/09
560
1
Javascript 编程风格

Douglas Crockford 是 Javascript 权威,Json 格式就是他的发明。 去年 11 月他有一个演讲(Youtube),谈到了好的 Javascript 编程风格是什么。 我非常推荐这个演讲,它不仅有助于学习 Java...

墙头草
2012/04/28
3.8K
38
小程序和Vue关于绑定数据书写上的区别

一、书写格式上 1、绑定事件 Vue: 小程序: Vue是通过:事件名字='回调函数名'。 小程序以或开头,后面跟着事件类型,例如、。自基础库版本1.5.0起,和后可以紧跟一个冒号,其含义不变,如。...

fenerchen
06/02
0
0

没有更多内容

加载失败,请刷新页面

加载更多

深入解析React中的元素、组件、实例和节点

React 深入系列,深入讲解了React中的重点概念、特性和模式等,旨在帮助大家加深对React的理解,以及在项目中更加灵活地使用React。 React 中的元素、组件、实例和节点,是React中关系密切的...

前端攻城小牛
4分钟前
0
0
菜鸟网络三面面经(java开发岗):Spring boot+JVM+线程池+中间件

一面 1、HaspMap底层原理?HaspTable和ConcurrentHashMap他们之间的相同点和不同点? 2、由上题提到锁的问题 3、MySQL的表锁&行锁&乐观锁&悲观锁,各自的使用场景 4、Java线程锁有哪些,各自的...

别打我会飞
8分钟前
0
0
NCL入门

;***这两行指令必须加载,类似于c语言中的库函数load "$NCARG_ROOT/lib/ncarg/nclscripts/csm/gsn_code.ncl"load "$NCARG_ROOT/lib/ncarg/nclscripts/csm/gsn_csm.ncl"begin ......

voole
11分钟前
0
0
程序员该如何把握黄金五年!

在Java业界流行着一种说法——黄金5年,就是从程序员入职时算起,前五年的工作选择直接影响整个职业生涯的职业发展和薪资走向。如何把握这五年,从一个刚入行的菜鸟蜕变成一个处事不惊的大佬...

James-
21分钟前
0
0
使用正则表达式实现网页爬虫的思路详解

网页爬虫:就是一个程序用于在互联网中获取指定规则的数据。这篇文章主要介绍了使用正则表达式实现网页爬虫的思路详解,需要的朋友可以参考下 网页爬虫:就是一个程序用于在互联网中获取指定规...

前端小攻略
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部