iT邦幫忙

2023 iThome 鐵人賽

DAY 14
1
Software Development

再騙小心沒朋友🥵 用LIFF實作LINE整人工具系列 第 14

[Day14] 不懂JavaScript 只好等著被整😔 陣列篇

  • 分享至 

  • xImage
  •  

陣列(array)是 JavaScript 的一種資料型態,在存放資料很多的時候就可以宣告一個陣列把所有資料存進去,不用再一個一個宣告變數。假如要把班級所有人的身高全部存起來,用變數和陣列的儲存方式就差很多:

  • 使用變數宣告
var height1 = 150;
var height2 = 155;
var height3 = 160;
var height4 = 163;
.
.
.
var height37 = 176;
  • 使用陣列宣告
var heights = [150,155,160,163,176];

程式碼簡潔很多,不用額外命名37個變數,只需命名一個陣列名稱即可。

陣列的特性

陣列中的每個資料都有一個數字(索引值)代表所在位置,有序列性,可以透過數字對資料進行存取。陣列內的內容可以是數值、字串或物件。

建立陣列

var a = ["Apple",5,true,163,176];
console.log(a);

讀取陣列中的元素

陣列中的每一個值都是一個元素,每個元素都儲存在陣列固定的位置,也稱做索引值(index)。陣列第一個元素的索引值是 0 ,第二個元素的索引值是 1 ,再來是 2、3、4...以此類推。可以透過索引值讀取對應的陣列元素:

var heighs = ["Apple",5,true,163,176];
console.log(heighs[![](http://)1]);

取得陣列的長度

陣列的長度可以隨時被改變,所以可以使用很多方法增加、移除、反轉、排序陣列。在改變陣列之前可以先用 length 方法取得陣列的長度:

var heighs = ["Apple",5,true,163,176];
console.log(heighs.length);

新增元素到陣列最後方

使用 push() 方法可以把元素新增到陣列最後面:

var heighs = ["Apple",5,true,163,176];
heighs.push("Orange");

console.log(heighs);

刪除陣列最後一個元素

使用 pop() 方法可以移除陣列中的最後一個元素:

var heighs = ["Apple",5,true,163,176];
heighs.pop();

console.log(heighs);

刪除陣列第一個元素

使用 shift() 方法可以移除陣列中的第一個元素:

var heighs = ["Apple",5,true,163,176];
heighs.shift();;

console.log(heighs);

迴圈遍歷陣列

可以使用 for 迴圈遍歷陣列中所有的元素:

var a = ["Apple",5,true,163,176];
for (var i=0; i<a.length; ++i) {
    console.log(a[i]);
}


上一篇
[Day13] 不懂JavaScript 只好等著被整😔 流程控制篇 (4)
下一篇
[Day15] 不懂JavaScript 只好等著被整😔 物件篇
系列文
再騙小心沒朋友🥵 用LIFF實作LINE整人工具30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言