---
# System prepended metadata

title: '[JavaScript] 陣列'
tags: [JavaScript]

---

# [JavaScript] 陣列

 ###### tags: `JavaScript`

```
var cornfield=[];
corncornfield.push(5);
corncornfield.push(7);
corncornfield.push(9);

//得出的結果為[5,7,9]

corncornfield[0]=2;
corncornfield[1]=4;
corncornfield[2]=6;

//得出的結果為[2,4,6]
//陣列第一個位置為0而非1

console.log =(corncornfield); //顯示全陣列
console.log =(corncornfield(0)); //顯示第一個數值
console.log =(corncornfield(2)); //顯示第三個數值


```

## 物件簡介

以物件為單位，方便程式整理並能一次性呼叫，ex：一個農場、國家含有的人口，名稱，地址等等資料做分類式的物件存取。
![](https://i.imgur.com/ruNFBRS.png)

![](https://i.imgur.com/EnB0GBH.png)

![](https://i.imgur.com/ZIZPEZZ.png)
* 取出特定數值：物件house.屬性son值[0]
* 改變屬性數值，舉例房間數增加為4，則可在下方新增語法：house.room:4;
 

---

### 新增變數數值的兩種方式

![](https://i.imgur.com/g7WNZpl.png)
* 計算加總數目可使用length
* 插入數值有兩個方式，1.變數.push(5)，所增加的位置是自動向後增加。2.變數[1] = 10;指定第幾個位置要更改數值即可使用。


### 物件＋function語法

在個別物件裡加上函式宣告
![](https://i.imgur.com/UdNtyBC.png)

### 陣列＋物件設計流程

物件：同樣透過Var命名一個變數，此變數當作一個物件，物件內放置相關的資訊(器具、人名、數量、函數動作)

陣列：基本上就是[1,4,5]的盒子概念，想成一個盒子裡有平行的編號位子(0-1xxx),可以放置如上述的數值，也可以放置不同物件。

### 陣列＋物件的基本語法
* var farms = [
{物件0},{物件1},{物件2},{物件3}
];
* 呼叫屬性內若是陣列形式，也是使用[]來指定呼叫順序，ex:console.log= (farms[1].dogs[0])，回傳“皮皮”

![](https://i.imgur.com/s3BnElE.png)