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

1、Javascript（JS)中的大括号{}和中括号[]详解

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

如：

<script type="text/javascript">
var Car={color:"red",door:4,title:"汽车1"};
alert(Car.color);
</script>

上面声明了一个名为“Car”的对象，多个属性或函数用,（逗号）隔开，因为是对象的属性，

所以访问时，应该用.（点）来层层访问：Car.color、Car.door、Car.title，当然我们也可以用数组的方式来访问，如：Car["color"]、Car["door"]、Car["title"]，结果是一样的。

该写法，在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 ) ;