http://hi.baidu.com/niejunhua/blog/item/07df5b4391e6560d9213c67c.html

一、{ } 大括号,表示定义一个对象,大部分情况下要有成对的属性和值,或是函数。
如: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供了另外一种简单的方式来创建对象,即大括号({})语法:
arr = {
    a:5, //对象属性,a是变量名
    b:8,
    c:function(){return this.a + this.b;}, //对象方法
    d:['a':1,'b':2] //对象属性,数组
}
通过大括号括住多个属性或方法及其定义(这些属性或方法用逗号隔开),来实现对象的定义,这段代码就直接定义个了具有n个属性或方法的对象,其中属性名和其定义之间用冒号(:)隔开。
document.write(arr.c());
注意,各属性间用逗号(,)隔开。使用这种方式来定义对象,还可以使用字符串作为属性(方法)名,例如:
var obj={“001”:”abc”}
因为这种简单对象没有通过构造函数创造所以也就没能在对象外添加方法。
对比构造函数创造的对象
function Test(a,b){
    this.a = a;
    this.b = b;
    this.c = function(){return this.a + this.b;}
}
Test.prototype.d = function another(){
    return this.a * this.b * Math.PI;
};
arr = new Test(5,8);
document.write(arr.c());
输出:13
document.write(arr.d());
输出:125.66370614359172

二、中括号 [ ] 表示数组:
arr = [
      [1,2], //数组
      ['a','b'],
      [{c:'a1',d:'b1'},{e:'a2',f:'b2'}] //对象
      ];
for(key in arr){
    for(chikey in arr[key]){
        document.write(chikey + "=>" + arr[key][chikey] + "<br />");
    }
}
输出:
0=>1
1=>2
0=>a
1=>b
0=>[object Object]
1=>[object Object]
document.write(arr[2][1].e);
输出:a2
这里,数组的第三组是未命名的对象,可以用arr[2][1].e的方式指定访问属性。当然也可以遍历:
for(key in arr[2]){
    for(val in arr[2][key]){
        document.write(val + "=>" + arr[2][key][val] + "<br />");
    }
}
输出:
c=>a1
d=>b1
e=>a2
f=>b2

三、数组与对象
在js中,上述的对象与数组的创建很相似,有人称第一种方式为js的关联数组,姑且吧;但在中括号中就不能使用['a':'b']的形式,只能以索引数组的形式,即下标只能是数字,如[1,2]或['a','b'],这点须注意。

转载于:https://blog.51cto.com/geyulong/798058

js中中括号,大括号使用详解相关推荐

  1. JS中的event 对象详解

    JS中的event 对象详解 JS的event对象 Event属性和方法: 1. type:事件的类型,如onlick中的click: 2. srcElement/target:事件源,就是发生事件的 ...

  2. js中indexOf的用法详解

    js中indexOf的用法详解 String.IndexOf 方法 (Char, [startIndex], [count]) 报告指定字符在此实例中的第一个匹配项的索引.搜索从指定字符位置开始,并检 ...

  3. JS 中 valueOf() 方法的详解

    JS 中 valueOf() 方法的详解 JavaScript 中的 valueOf() 方法用于返回指定对象的原始值,若对象没有原始值,则将返回对象本身.通常由JavaScript内部调用,而不是在 ...

  4. JS中的this对象详解

    2019独角兽企业重金招聘Python工程师标准>>> JS中this关键字很常见,但是它似乎变幻莫测,让人抓狂.这篇文章就来揭示其中的奥秘. 借助阮一峰老师的话:它代表函数运行时, ...

  5. java script eval_「eval」js中的eval方法详解(一)–eval方法的初级应用 - seo实验室...

    eval 在我看来,js中的eval()方法就是一个js语言的执行器,它能把其中的参数按照javaScript语法进行解析并执行. 语法: eval(s); eval()方法中的参数s有多种情况.参数 ...

  6. Node.js中的child_process模块详解

    本文主要给大家介绍了关于Node.js中child_process模块的相关内容,在介绍child_process模块之前,先来看一个例子. const http = require('http'); ...

  7. JS中的 || 与 运算符详解

    1.JS中的||符号: 运算方法:      只要"||"前面为false,不管"||"后面是true还是false,都返回"||"后面的值 ...

  8. 有关JS中引号使用的详解

    Q1:到底使用单引号还是双引号 在js的代码中主要使用的是单引号,而在HTML和CSS中使用双引号.为了区分,我们js尽量使用单引号. 当然单双引号本无对错,都是可以使用的. Q2:什么时候需要使用引 ...

  9. 前端开发:JS中的Window对象详解

    前言 在前端开发过程中,关于全局对象的使用是非常常用的,其实每个JS环境中都一个全局对象,尤其是在实际开发过程中全局范围内创建任何变量都是这个全局对象的属性,且任何函数都是它的方法.在实际浏览器环境下 ...

  10. js中的Class类详解

    目录 什么是类? 定义一个简单的类 定义一个类为Person,每个Person都会跑,都有名字 看一下Person类 和 Person的实例 但是为什么Person实例多出来的两个属性? new 一个 ...

最新文章

  1. jQuery复选框选中状态更改事件
  2. OpenShift — 架构设计
  3. dyld: Library not loaded: @rpath/XCTest.framework/XCTest
  4. Spring Boot与Web开发简介||SpringBoot对静态资源的映射规则
  5. dos窗口显示中文的一种方法
  6. java调用so库中的native方法_Java如何调用本地.so库里的方法
  7. 《剑指offer》— JavaScript(6)旋转数组的最小数字
  8. javascript --- 瀑布流的实现
  9. 顺序表基本操作在主函数中的实现
  10. 想赚钱,赚大钱,必须要有商业思维
  11. java第七章jdbc课后简答题_Java进阶之JDBC面试题(7)
  12. 【渝粤教育】国家开放大学2018年春季 8647-21T工程经济与管理 参考试题
  13. TC Games无需安卓模拟器在电脑玩手机游戏穿越火线:枪战王者教程
  14. js控制从绿色到红色的渐变
  15. 论文发表费用如何收费
  16. 洛谷P5369 [PKUSC2018]最大前缀和 [DP]
  17. 远程智能开关安装方法
  18. 微信分享代码申请key教程
  19. 浅论程序员的工作经历与工作经验
  20. JAVA实现GMT转换北京时间

热门文章

  1. python爱好者社区公众号历史文章合集_微信公众号历史文章爬取api
  2. JAVA动态绑定浅析
  3. centos6 revive-adserver
  4. 自动化测试介入的时机
  5. Codeforces 455B A Lot of Games 字典树上博弈
  6. 避开ie缓存机制,实时从服务器取得最新数据
  7. ISA Server中***客户端打开非80端口网站速度慢的解决访问
  8. Oracle truncate table 与 delete tabel的区别
  9. 字母串按照字典序排序
  10. 可变序列和不可变序列——python小练