iT邦幫忙

2024 iThome 鐵人賽

DAY 8
0

陣列 Array

陣列是一個 有順序性 的序列,格式為 [value1, value2, value3, ...],每個值都會有對應的索引值,可以透過索引值去取到陣列中對應元素的值

為什麼索引值不是從 1 開始,而是從 0 開始 ?

索引值代表陣列的偏移值
陣列的索引值並不是指向元素本身,而是像記憶體位置的 '偏移值'
第一個元素的索引值為 0 (不需移動)

  • 取得陣列長度

陣列長度的取法為: Array.length
因為索引的起始值是 0 ,因此陣列中最後一元素的索引值: Array.length-1
所以 Array[Array.length-1] 能拿到陣列中最後的元素

let arr = ["AA", "BB", "CC", "DD"]

console.log(arr.length) // 4
console.log(arr[0]) // AA
console.log(arr[arr.length - 1]) // DD

當我們知道陣列的長度後,就可以用迴圈去印出陣列的所有內容

let arr = ["AA", "BB", "CC", "DD"]

for(let i=0;i<arr.length;i++) {
  console.log(arr[i])
}
  • 陣列轉字串

toString()

可將陣列的元素用逗號串接並回傳字串

let arr = ["AA", "BB", "CC", "DD"]

console.log(arr.toString()) // AA,BB,CC,DD

join()

可將陣列的元素用分隔符號串接並回傳字串
分隔符號預設為逗號

let arr = ["AA", "BB", "CC", "DD"]

console.log(arr.toString()) // AA,BB,CC,DD
console.log(arr.join(' > ')) // AA > BB > CC > DD

join()在沒帶參數指定分隔符號的情況下回傳的內容與 string() 一樣

  • 字串切割成陣列

split()

會依指定的內容將字串切割並回傳陣列

let str = 'AA,BB,CC,DD'

console.log(str.split(',')) // ["AA", "BB", "CC", "DD"]

上一篇
Day 7 - JavaScript:高階函數
下一篇
Day 9 - JavaScript:陣列函數
系列文
從零開始 - 30 天學習筆記12
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言