`
apprentice_ll26
  • 浏览: 26966 次
  • 性别: 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中括号“[]”的多义性

    在JavaScript编程语言中,中括号“[]”具有...了解了JavaScript中括号的这些用法后,我们能更好地理解和编写代码,避免因为不熟悉语法特性而引起的错误。在日常编程中,灵活运用这些知识可以提高代码的可读性和效率。

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

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

    计算器运算逻辑实现(带括号,求余,乘方,加减乘除),不使用eval函数-前端JavaScript 源码实现-括号匹配与初等运算

    在JavaScript中,括号用于改变运算顺序,表达式`a * (b + c)`会先计算括号内的`b + c`,然后将结果与`a`相乘。乘方运算(**)的优先级高于乘法和除法,而加法和减法的优先级相同,从左到右进行计算。求余运算(%)是...

    JavaScript基础与案例开发详解

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

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

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

    JavaScript基础与案例开发详解pdf

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

    Javascript小括号“()”的多义性

    JavaScript中的小括号“()”在编程中扮演着多种角色,是语言中不可或缺的一部分。本文将深入探讨小括号在JavaScript中的多义性,并提供详尽的解释。 1. 函数调用 小括号最常见且直观的作用是用于函数调用。当你有一...

    JavaScript使用详解,javascript入门教程

    JavaScript是一种广泛应用于网页和网络应用的编程语言,它在网页开发中扮演着至关重要的角色,主要负责实现动态交互效果和处理用户输入。本教程旨在帮助初学者深入理解JavaScript的基础概念和核心特性,以便快速入门...

    JavaScript动态网页开发详解

    JavaScript动态网页开发详解 非常适合做动态网页的开发

    JavaScript数组用法详解

    数组直接量是一种简洁的创建数组的方式,只需要将元素用逗号分隔,放入方括号中即可。 数组的 length 属性是一个特殊的属性,它自动更新数组的长度。数组的 length 属性总是比数组的最大元素的索引多 1。数组的元素...

    JavaScript应用实例-中括号数量问题.js

    JavaScript应用实例-中括号数量问题.js

    JavaScript 中常见排序算法详解.pdf

    JavaScript 中常见排序算法详解

    JavaScript应用实例-中括号数量问题2.js

    JavaScript应用实例-中括号数量问题2.js

    JavaScript详解(第2版),完整扫描版

    书中采用了大量课堂实践示例,附以详尽的代码行解释和实际结果输出,将JavaScript基础知识与高级技巧完美地展现出来。《JavaScript详解(第2版)》适合对Web开发和设计感兴趣的人员阅读,也可作为高校相关课程的教材。

    完全手册--javascript动态网页开发详解(杨水清等著)

    资源名称:完全手册--Javascript动态网页开发详解 (杨水清等著)   内容简介: 你还认为Javascript只能制作网页特效,那就大错特错了。现在网络领域最流行的理念是Web 2.0,而该理念的技术...

    JavaScript工作原理及对象详解.docx

    另一种是使用对象字面量表示法,直接在大括号中定义属性,如`var person = {name: "briup", age: 22}`。这两种方式被称为构造函数模式和字面量模式。在字面量模式下,属性名和值之间使用冒号分隔,不同属性之间使用...

    javaScript详解

    javaScript详解

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

    - **对象和类**:JavaScript中对象的创建方式,属性和方法的使用,继承的概念等。 - **事件处理**:页面元素的事件绑定及触发机制。 ##### CSS与样式 - **选择器**:使用CSS选择器来定位DOM中的元素。 - **样式规则...

    JS使用正则表达式获取小括号、中括号及花括号内容的方法示例

    3. **花括号** - `{}` 或大括号 正则表达式:`/\{(.+?)\}/g` 同样,`\{` 匹配左花括号,`\}` 匹配右花括号,`(.+?)` 用于捕获括号内的内容。 在提供的示例中,变量 `str` 包含了一个字符串,其中包含了小括号、中...

    JavaScript学习笔记,javascript基础知识,基础语法整理.pdf

    * 函数是JavaScript中的一种基本结构单元 * 函数可以封装一组语句,实现功能的复用 * 函数可以传递参数,实现参数的传递 * 函数可以返回值,实现结果的返回 三、 JavaScript 中的对象 * 对象是JavaScript中的一种...

Global site tag (gtag.js) - Google Analytics