iT邦幫忙

2022 iThome 鐵人賽

DAY 14
0

在之前的文章中我們處理的數據、字串都是單一的,若需要一組數據時就可使用陣列將資料儲存在一變量中。

本篇會介紹:

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

陣列

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

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

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

建立陣列,需要注意的內容有:

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

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

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

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

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

訪問陣列中的元素

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

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

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

替換陣列中的值

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

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

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


上一篇
【Day13】範圍scope
下一篇
【Day15】陣列array-常見方法array methods
系列文
喜歡打程式嗎?從JavaScript基礎來進行興趣初探!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言