iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 11
0
自我挑戰組

純新手學習 JavaScript系列 第 11

新手學習JavaScript: Day11 - 陣列(Array)

  • 分享至 

  • xImage
  •  

昨天我們提到了「物件」,今天我們來聊聊「陣列」。陣列跟物件有點相似,同樣是零至多個元素的集合,同一個陣列內可以存放基本資料型別,或是另個陣列、物件甚至是函式。我們直接來看範例:

var fruit = [];

fruit[0] = "apple";
fruit[1] = "orange";
fruit[2] = "banana";

console.log(fruit); // ["apple", "orange", "banana"]

或是

var fruit = ["apple", "orange", "banana"];
console.log(fruit); //["apple", "orange", "banana"]  

首先,陣列是用一個中括號[]來表示,且它是有順序性的集合。所以我們在第一個範例中,我們先宣告ㄧ個變數 fruit的空陣列,之後我們能透過[]來存取。裡面的數字代表陣列中的索引,起始值是從0,所以透過fruit[0],可以存取陣列中第一個值。而第二的範例是宣告並同時給予值。

再來我們來介紹length屬性,這個方法能夠取得陣列的內容長度,不過這個屬性的值是能夠被覆寫的,範例:

var fruit = ["apple", "orange", "banana"];
fruit.length;  // 3

fruit.length = 1;

console.log(fruit); //["apple"]

fruit.length = 3;

console.log(fruit); //["apple", undefined, undefined]

上面我們透過length取得陣列的長度3,後來將數字1指派給陣列長度,之後fruit陣列中後面的兩個元素就被移除了。移除之後,如過再把fruit.length 指派 3 ,後面的兩個元素卻是被補成 undefined。

以上就是基本的陣列介紹,在後續我們會再介紹陣列的方法。
我們明天見!


上一篇
新手學習JavaScript: Day10 - 物件(Object)
下一篇
新手學習JavaScript: Day12 - 函式
系列文
純新手學習 JavaScript30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言