iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 8
0
自我挑戰組

這些日子我學到的JavaScript 系列 第 8

這些日子我學到的JavaScript:Day08-陣列

陣列,是 JavaScript 裡面的一種資料型別,用於儲存多筆資料,可以是原始的資料類型、其他陣列、函式等等。
要注意的是,陣列是個有順序性的集合,且只能透過 [] 來存取。

陣列的用處
當我們手邊有一系列具有關聯性的資料時,若一個一個宣告變數將會非常耗時,因此可以透過陣列紀錄多個數字、字串、函式等,甚至當有多個物件時也可以用陣列來記錄。陣列裡的值不需要都是相同的資料型別,同一個陣列可以儲存不同型別的資料。

陣列的寫法
如何建立陣列
建立陣列的方法就跟宣告變數一樣,也會賦予它一個名字,使用 var 關鍵字,後面接上陣列名稱。指定給陣列的值會放在方括號中,每一個值中間用逗點隔開。
範例如下:
*有三個玉米田,分別種出 5 個、7 個、9 個玉米
var cornField = [5,7,9];
有兩隻狗,分別叫做 John 跟 vick
var dogs = ['John' , 'vick'];
*
如何讀取陣列的值
陣列中每一個資料項目都會被自動給予一個編號,這個編號稱為索引(index),第一個值編號為 0,第二個值編號為 1,以此類推。索引可用來存取陣列中的指定項目。

var cornField = [5,7,9];
console.log(cornField[0]);
// 得出的值就會是 5
如果在選取陣列時,沒有寫到索引值的話,讀出來的結果就不會是值,而是整個陣列的內容。

console.log(cornField);
// 讀取結果:[5,7,9]
當然,也可以用變數儲存陣列中指定項目的值,並呼叫出來。

var cornField = [5,7,9];
var cornField2 = cornField[1];
console.log(cornField2);
// 得出的值就會是 7

如何在空陣列新增值
先宣告一個空陣列
var cornField = [];

使用 push 方法依序新增值進去
push 也可以新增字串、函式、物件進去陣列裡喔。
cornField.push(5);
cornField.push(7);
cornField.push(9);
console.log(cornField);
// 得到的結果就會是 [5,7,9]

或是直接指定新的值
cornField[8] = 80;
// 直接新增第四個值為 80

如何修改陣列中的值
跟操作變數一樣,將新的值指定給該資料項目。
以修改陣列第一個值為例:

cornField[0] = 10;
// 把第一個值由 5 改成 10
查詢陣列中有幾個值:length
在陣列後面使用 length 特性可以得知該陣列的長度,亦即該陣列中共有幾個值。後面學到 for 迴圈時會很常用到。
console.log(cornField.length);


上一篇
這些日子我學到的JavaScript:Day07-函式3
下一篇
這些日子我學到的JavaScript:Day09-物件
系列文
這些日子我學到的JavaScript 30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言