js中中括号,⼤括号使⽤详解
js中中括号,⼤括号使⽤详解
⼀、总结
⼀句话总结：{ } 是⼀个对象，[ ] 是⼀个数组
1、js⼤括号{}表⽰什么意思？
> 对象
{ } ⼤括号，表⽰定义⼀个对象，⼤部分情况下要有成对的属性和值，或是函数
2、js中对象的访问⽅式有哪些？
> 点
> 数组
所以访问时，应该⽤.（点）来层层访问：LangShen.Name、LangShen.AGE，当然我们也可以⽤数组的⽅式来访问，如：
LangShen["Name"]、LangShen["AGE"]，结果是⼀样的。
3、中括号[]表⽰什么意思？
> 数组
[ ]中括号，表⽰⼀个数组，也可以理解为⼀个数组对象
4、对象的各个项和数组的各个项中间⽤什么符号隔开？
> 逗号
5、js中对象创建的两种⽅式？
> ⼤括号
> 函数
论语全文及翻译javascript供了另外⼀种简单的⽅式来创建对象，即⼤括号（{}）语法：
press的名词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
⼆、js中中括号,⼤括号使⽤详解
⼀、{ } ⼤括号，表⽰定义⼀个对象，⼤部分情况下要有成对的属性和值，或是函数。
如：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']，这点须注意。
參考：js中中括号,⼤括号使⽤详解 - zhouxiaopin的博客 - CSDN博客
/zhouxiaopin/article/details/54089431
