# [ 陣列介紹 Array ]
<div class="block">

**本篇會談到**
- 陣列寫法
- 陣列基本新增（其他在`陣列的各種操作方法`中會提到）

</div>
## ✐ 陣列寫法
`let 變數 = ['value','value2', ... ];`
:::info
陣列不只能放字串，也能放數字與混合資料（可以放任何知道的型別資料！）
:::

### 陣列可以這樣使用：
1. 空陣列：新增空陣列，透過程式語法寫入資料（<font color="red">`.push`</font>）

    let data = []; 

2. 數字型別

    let ary = [5, 220, 30, 100];

3. 混合資料

    let tommy = ['male', 30, true];
    
    // 陣列包多個物件
    // 陣列 + function
    let farms = [
        {
            dogs:2,
            chicken:14,
            todo: function(){
            console.log(`現在還有 ${this.chicken} 隻雞`)
            }
        },
        {
            dogs:21,
            chicken:1,
        },
    ]
    console.log(farms[0].dog);
    // 21
    farms[0].todo();
    // 現在還有 14 隻雞

<br>

:::info
讀取陣列的第一筆是從 [0] 開始
:::

### 陣列新增
1. 預設寫入（可選擇位置 ）：
- `array[1] = 'item2';` 第二個位置放入'item2'
3. [.push('名稱')](https://) 加入最後一個
4. `.unshift('名稱')` 插入第一個

let array = ['item1'];
console.log(array);//["item1"]

//陣列預設寫入資料
array[1] = 'item2';
console.log(array);//["item1","item2"]

//push 寫入資料
array.push('item3');
console.log(array);//["item1","item2","item3"]

//unshift 寫入資料
array.unshift('item0');//["item0", "item1", "item2", "item3"]
console.log(array);

###### tags: `JS`
{%hackmd @unayojanni/H1Qq0uKkK %}