---
# System prepended metadata

title: 【Day14】陣列array
tags: [JavaScript, 14th鐵人賽]

---

# 【Day14】陣列array
###### tags: `JavaScript` `14th鐵人賽`
在之前的文章中我們處理的數據、字串都是單一的，若需要一組數據時就可使用陣列將資料儲存在一變量中。

本篇會介紹：

- 陣列array
- 創建、使用陣列
- 如何訪問陣列
- 如何替換陣列中的值

---

## 陣列

陣列可以儲存多個數據於其中，可放置：資料類型、陣列、物件、函式……等。且陣列中的值是**具有順序性**的，簡單來說就是類似於有編號的列表。

當我們有一個班級需要紀錄學生姓名時，我們可以為每個學生都創建一個變量，但這樣太麻煩了，更好的方式是使用陣列完成：

```jsx
let classMate = ["Lily","Cindy","Yumi","Jason","Eason"];
```

建立陣列，需要注意的內容有：

- 具有次序，並從0開始計算
- 使用`[ ]`存放數據內容
- 每個值中間用 , 分開

如同剛才提到的存放內容不拘，因此我們也可以將數字、布林值放置其中

```jsx
let mixedData = ["data1", 222, true, undefinded];
```

或是再放置一個陣列於其中，而在使用時可以將內容換行更容易閱讀

```jsx
let arrayInArray = [
[a, b, c],
[d, e, f],
[g, h, i]
];
```

### 訪問陣列中的元素

在陣列中可以透過從0開始的順序訪問元素，而在訪問時同樣使用`[ ]`

```jsx
let classMate = ["Lily","Cindy","Yumi","Jason","Eason"];
console.log(classMate[0]); // Lily
console.log(classMate[5]); // undefined
```

在陣列中訪問不存在的內容會得到undefined

### 替換陣列中的值

沿用上述的classMate範例，若今天有位同學轉學並替換一位新同學補入陣列中

```jsx
classMate[4] = "Jacky";
console.log(classMate[4]); // Jacky
```

以上為簡易的陣列介紹，下一篇會介紹陣列在使用時經常用到的語法，若本篇陣列有任何問題也歡迎指教，謝謝!