`

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

 
阅读更多

转至:

http://hi.baidu.com/zwnjiejie/blog/item/a93ecac73564afd1d000603d.html

 

Javascript(JS)中的大括号{}和中括号[]详解
2010-06-28 16:09
转载自 分享
最终编辑 kofcdd

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

如: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 ) ;

 

分享到:
评论

相关推荐

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

    在JavaScript中,大括号{}和中括号[]是非常基础且重要的符号,它们分别用于定义对象和数组。下面将详细讲解这两种符号的使用方法以及它们在实际开发中的应用。 首先,我们来看大括号{},它在JavaScript中有两个主要...

    javaScript使用详解.pdf

    3. 函数:JavaScript中的函数是第一类对象,可以作为变量赋值、作为参数传递、作为返回值。函数定义可采用function关键字或ES6的箭头函数(() => {})。 二、JavaScript对象 1. 对象创建:通过字面量方式({key: ...

    JavaScript使用详解,javascript入门教程

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

    JavaScript数组用法详解

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

    javaScript 正则表达式详解

    ]表示不在方括号中的任何一个字符。[a-z]表示连字符,表示字符范围。 数量词贪婪懒惰 数量词贪婪懒惰是指匹配次数的模式。{x}{n,m} 匹配左侧元素至少 n 次,但不多于 m 次。{n,m}? 匹配左侧元素至少 n 次。{n} ...

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

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

    详解JavaScript中的异常处理方法

    JavaScript中的异常处理是编写健壮脚本的重要组成部分。在JavaScript中,主要的异常处理方法包括try...catch语句,throw语句以及finally子句的使用。异常处理机制能够在程序运行期间遇到错误时,提供一种控制错误...

    js中 javascript-void(0) 用法详解.docx

    ### JavaScript中的 `void(0)` 用法详解 #### 一、`void(0)` 的基本概念 在JavaScript中,`void(0)` 是一种特殊的语法结构,它主要用于执行某些处理,同时避免整个页面的刷新。`void` 是一个运算符,其功能是计算...

    javascript正则表达式详解

    3. **高级分组**:Jakarta-ORO的分组功能更强大,包括非捕获组和命名组,JavaScript中可以通过括号和`?:`来实现非捕获组,但命名组需要借助额外的库如`XRegExp`。 **四、实例与实践** 1. **验证邮箱地址**:`/^\w+...

    JavaScript ES6中CLASS的使用详解

    ES6,即ECMAScript 6,是JavaScript语言的一个主要更新版本,提供了许多新的语法特性,其中之一...开发者在使用ES6的class特性时,仍然需要了解JavaScript的原型链机制,以便更好地理解和利用JavaScript中的类和继承。

    Javascript模块化编程详解

    1. **匿名闭包**:JavaScript中的匿名闭包是一种基础的模块化工具。它通过一个立即执行的函数表达式(IIFE)创建一个私有作用域,保护内部变量不被外部访问。例如: ```javascript (function () { // 私有变量和...

    最新的javascript正则表达式详解

    JavaScript中的正则表达式是进行文本处理和数据验证的强大工具,它允许我们通过模式匹配来查找、替换或分割字符串。本文将深入探讨JavaScript正则表达式的最新特性、语法以及常见用法。 一、正则表达式基础 1.1 ...

    javascript基础

    JavaScript中的表达式是用来计算值的结构,可以是简单的数值,也可以是复杂的组合。 ##### 3.2 运算符 JavaScript支持多种运算符,包括但不限于: - **算术运算符**:如加号(+)、减号(-)等。 - **比较运算符*...

    详解JavaScript权威指南之对象

    JavaScript中的对象是一种非常灵活和强大的数据类型,它不仅可以拥有自己的属性,还可以继承自其他对象的属性,这种机制被称为原型继承。接下来,我们将详细介绍JavaScript对象的定义、创建方式、原型继承机制以及...

    js正则表达式详解

    ### js正则表达式详解 #### 一、正则表达式基础知识 正则表达式是一种强大的文本处理工具,被广泛应用于各种编程语言中,用于文本的查找与替换、验证等场景。JavaScript同样支持正则表达式的使用,并且具有非常...

    JavaScript 示例详解(经典收藏)

    在JavaScript中,变量是存储值的容器,通过`var`, `let`, 或 `const` 关键字声明。JavaScript有七种数据类型:Undefined、Null、Boolean、Number、BigInt、String 和 Symbol。例如: ```javascript let num = 42; /...

    javascript正则表达式中分组详解_.docx

    例如,在JavaScript中,可以使用`match`或`exec`方法获取到这些分组匹配到的结果。 ##### 2.1 示例 假设我们需要从字符串`"new test001 test002"`中提取出`test`后面的数字: ```javascript var reg = /test(\d+)...

    【JavaScript-Vue】-Vue知识体系详解

    JavaScript 和 Vue.js 是Web开发中的两个重要组成部分。JavaScript 是一种广泛使用的编程语言,主要用于增加网页的交互性。Vue.js 是一个流行的JavaScript框架,用于构建用户界面。 JavaScript 的起源可以追溯到...

    javascript正则表达式中分组详解.docx

    在JavaScript中,我们可以通过在括号前添加冒号(?:)来创建非捕获性分组。例如: ```javascript var reg = /test(?:\d)+/; var str = 'new test001 test002'; console.log(str.match(reg)); // ["test001", index:...

Global site tag (gtag.js) - Google Analytics