Javascipt的{}大括號和[]中括號的用法

Javascipt的{}大括號和[]中括號的用法

一、{} 大括號,表示定義一個物件,需要有成對的屬性和值,或是函數。
如:var object = {
id: “123”,
name: “john”
};

上面宣告一個 object 的物件,多個屬性或函數用,(逗號)隔開,因為是物件的屬性,
在訪問時,
(1)用.(點)來層層訪問,如: object.id 或 object.name,
(2)也可以用數組的方式來訪問,如: object[“id”] 、 object[“name”],
得到的結果是一樣的。

另外,寫函數組的時候,如:
var object = {
id = function{
return “123”;
},
name = function{
return “john”;
}
}
在調用時,因為是函數組物件,所以必須加上.(點),如:console.log(object.id);

 

二、[]中括號,表示一個數組,也可以理解為一個數組物件。
如:var object = [ “id”, “123”, “name”, “john” ];
每個值或函數,都是各自獨立的,每個值間需用,(逗號)隔開,

因為是數組物件,所以也等於:
var object = Array( “id”, “123”, “name”, “john” );
訪問時,使用數組調用,如:console.log(object[0]);

 

三、{}與[]和 一起使用時,{}是一個物件, []是一個數組,
當組成一個物件數組時,如:
var object = {
“id”: “123”,
“name”: [“firstName”, “john”],
“lucky”:[
{“animal”: “dog”},
{“animal”: “cat”},
{“animal”: “dragon”}
]
}

從結構來說,object 物件裡面的第一項是個屬性,第二項是一個數組,第三個是包含有多個物件的數組。

調用時,也是一層一層的訪問,物件的屬性用.(點),數組用[索引值]。
如:console.log(object.lucky[1].animal);