# 【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 ``` 以上為簡易的陣列介紹，下一篇會介紹陣列在使用時經常用到的語法，若本篇陣列有任何問題也歡迎指教，謝謝!