iT邦幫忙

2024 iThome 鐵人賽

DAY 12
0
JavaScript

30天享用JavaScript概念三明治系列 第 12

Day12:火車載大象=陣列

  • 分享至 

  • xImage
  •  

陣列(Array) (P2-18)

  • 是JavaScript型別裡的複合/物件型別。
  • 在JavaScript裡,陣列是「把一系列的數值放在一起而形成的組合」。
  • 可以把陣列看成是沒有屬性的物件。
  • Ann想像陣列像是一台火車載大象(elephant)。為了好記陣列裡存放元素 (element) #諧音梗。

創造一個陣列

  • 宣告方式,用中括號[],並用,區隔想要存放的各個值。
var array = ["陣列的第一個內容","陣列的第二個內容"];
  • 對於陣列裡面可以存放的內容,沒有型別上的限制,想要在陣列裡面放數字、字串、布林、物件或甚至是另外一台「火車」(陣列)都可以。
  • 通常存放在陣列裡的數值,會用「元素」(element)稱呼。

存取陣列的元素

  • 陣列不像物件那樣有明確的屬性可以知道要對哪個內容做存取,怎麼辦呢?
  • 既然沒明確的名稱,就從第一隻「大象」,第一個元素開始,給每隻「大象」一個可以區別內容的號碼——稱作「索引」(index)。從0開始算。
var array = ["第一隻大象0號", "第二隻大象1號", "第三隻大象2號"];

存取陣列元素時可以像存取物件那樣使用中括號[],搭配索引的數字告訴JavaScript「要存取火車裡第幾隻大象」。

console.log(array[0]); // "第一隻大象0號"
console.log(array[1]); // "第二隻大象1號"

存取陣列元素的長度

  • 陣列元素的長度可以用.length取得
var array = ["1","2","3"]
console.log(array.length) // 3

  • By The Way 順帶一提

索引讓Ann聯想到樓層的英文

美國的一樓是first floor。
英國的二樓是first floor,ㄧ樓是ground floor。/images/emoticon/emoticon15.gif


上一篇
Day11:物件
下一篇
Day13:積木鴨子=參賽第十三天心得
系列文
30天享用JavaScript概念三明治30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言