JS大括号{}与中括号[]用法区别：对象、数组及嵌套结构解析

本文详细解析 JavaScript 中大括号 {} 和中括号 [] 的核心用法。大括号用于定义包含键值对或函数的对象，支持点运算符和方括号访问；中括号用于定义独立值的数组。文章还通过示例展示了对象与数组嵌套使用的复杂结构及层级访问方法，帮助开发者准确掌握基础语法。

一、{ } 大括号，表示定义一个对象，大部分情况下需要包含成对的属性和值，或者函数定义。

大括号 {} 定义对象与访问方式

例如：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 ) ;