`
apprentice_ll26
  • 浏览: 26085 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

Javascript 中的大括号{}和中括号[]详解(ZZ)

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

如: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中event详解

    javascript中event详解javascript中event详解javascript中event详解javascript中event详解javascript中event详解javascript中event详解javascript中event详解

    JavaScript详解(第2版)

    资源名称:JavaScript详解(第2版)内容简介: Javascript是目前最流行和最重要的Web编程语言。《Javascript详解(第2版)》从Javascript的编程结构开始,循序渐进地讲述了Javascript及相关的...

    Javascript中括号“[]”的多义性

    写或读JS代码的时候总有些地方感觉模模糊糊的,于是花了点时间在网上找并稍微整理了一下

    javascript详解(很详细,很简单)

    javascript详解(很详细,很简单)javascript详解(很详细,很简单)javascript详解(很详细,很简单)javascript详解(很详细,很简单)javascript详解(很详细,很简单)javascript详解(很详细,很简单)...

    javascript中的括号()用法小结.docx

    javascript中的括号()用法小结.docx

    Javascript中大括号“{}”的多义性

    写或读JS代码的时候总有些地方感觉模模糊糊的,于是花了点时间在网上找并稍微整理了一下

    详解Javascript 中的this指针

    详解Javascript 中的this指针

    JavaScript详解[参照].pdf

    JavaScript详解[参照].pdf

    HTML+CSS+JavaScript实用详解

    HTML+CSS+JavaScript实用详解HTML+CSS+JavaScript实用详解HTML+CSS+JavaScript实用详解

    javascript正则表达式详解

    javascript正则表达式详解javascript正则表达式详解javascript正则表达式详解javascript正则表达式详解javascript正则表达式详解javascript正则表达式详解javascript正则表达式详解javascript正则表达式详解...

    JavaScript 使用详解下载

    JavaScript 使用详解下载 JavaScript 使用详解下载

    JavaScript基础与案例开发详解

    资源名称:Javascript基础与案例开发详解内容简介:《Java script基础与案例开发详解》根据Javascript在各种类型的应用开发中(如B2B、B2C、C2C)的使用情况,有针对性地安排了丰富的案例,从基本的...

    javascript读取本地文件和目录方法详解

    JavaScript是网页制作中离不开的脚本语言,依靠它,一个网页的内容才生动活泼、富有朝气。但也许你还没有发现并应用它的一些更高级的功能吧?比如,对文件和文件夹进行读、写和删除,就象在VB、VC等高级语言中经常做...

    JavaScript详解,第2版(JavaScript by Example,2nd Edition)

    JavaScript详解,第2版(JavaScript by Example,2nd Edition)。英文清晰PDF版。...书中采用了大量课堂实践示例,附以详尽的代码行解释和实际结果输出,将javascript 基础知识与高级技巧完美地展现出来。

    javascript闭包详解中文word版

    资源名称:javascript闭包详解 中文word版   内容简介: Javascript中有几个非常重要的语言特性——对象、原型继承、闭包。其中闭包 对于那些使用传统静态语言C/C 的程序员来说是一个新的...

    JavaScript基础与案例开发详解/于坤, 周大庆编著

    《JavaScript基础与案例开发详解》根据JavaScript在各种类型的应用开发中(如B2B、B2C、C2C)的使用情况,有针对性地安排了丰富的案例,从基本的表格操作、表单操作,到构建浏览器端的富文本编辑器,再到实现像Windows...

    JavaScript基础与案例开发详解pdf

    JavaScript基础与案例开发详解根据javascript在各种类型的应用开发中(如b2b、b2c、c2c)的使用情况,有针对性地安排了丰富的案例,从基本的表格操作、表单操作,到构建浏览器端的富文本编辑器,再到实现像windows那样...

    JavaScript详解

    JavaScript详解 JavaScript详解

    JavaScript 之Ajax详解

    JavaScript 之Ajax详解JavaScript 之Ajax详解JavaScript 之Ajax详解

    高手详解javascript中的this指针

    高手详解javascript中的this指针

Global site tag (gtag.js) - Google Analytics