# JavaScript的物件（Object）

我們可以把Object當作是一個盒子，裡面可以塞下各種型態的資料。

建立方式：

```javascript
var obj = new Object();
obj.name = "Xinhe";
obj.gender = "female";
obj.email = "test@gmail.com";
console.log(obj);
```

以上我們使用了new運算子建立物件，但其實也有種方式：

```javascript
var obj = {
    name : "Xinhe",
    gender: "female",
    email: "test@gmail.com"
}
console.log(obj);
```

![](https://2789376739-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LS9eWtaul1LPr6v0Aii%2F-LTDZraJWWKxzWRV-s_U%2F-LTDb6PfOZamaBL5ZF8O%2Fimage.png?alt=media\&token=c35077e7-d163-4fd0-9137-115f91272025)

當我們只要取得這個物件的其中一個屬性時，可以直接使用objName.propertyName的方式：

```javascript
console.log("姓名：", obj.name);
```

如此一來，我們就可以在HTML中寫入物件的資料：

```markup
<p>姓名：</p>
<p>性別：</p>
<p>E-mail：</p>
```

```javascript
var obj = {  
        name : "Xinhe",   
        gender: "female",   
        email: "test@gmail.com"
}
document.getElementsByTagName("p")[0].innerHTML += obj.name;
document.getElementsByTagName("p")[1].innerHTML += obj.gender;
document.getElementsByTagName("p")[2].innerHTML += obj.email;
```

![](https://2789376739-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LS9eWtaul1LPr6v0Aii%2F-LTDfZS0JdWjFs63jC0b%2F-LTDgbZ0ucxpnLxpAper%2Fimage.png?alt=media\&token=9fa42104-9a99-4295-bada-c790ac98886e)
