iT邦幫忙

2021 iThome 鐵人賽

DAY 16
0
自我挑戰組

開始入坑網頁吧!系列 第 16

JavaScript Array | 與其他程式語言很不同的陣列(上)

  • 分享至 

  • xImage
  •  

JavaScript Array (陣列)

陣列 (array) 是一個有序的序列,陣列中可以儲存不定數量的任何值,陣列在 JavaScript 中屬於複合資料型態
(composite data type)。

建立Array

一個陣列也是用中括號 [] 包在外面,值與值之間用逗號隔開
語法: var arrayName = [item1, item2, ...];

EX:

var zoo = ['lion','cow','bird','monkey','bear'];

可以在一個陣列中裝不同型態的值

其他程式語言如Java,一般的陣列只能裝同一型別的東西(例如整條陣列都是字串型別),而JavaScript因為是動態型別,因此它會自動辨認此值是甚麼型別,所以也不需要特別去宣告它的Type。
EX:

var arr = ['Ivy', 15, true, {id:40555},'hello']; //裡面是不同型別的值

取得陣列的值並刪減修改

取值

如何取得陣列的值?
語法:

然後務必要注意它的 index (索引值) 是從0開始,也就是陣列的第一個值的 index 是 0,第二個值的 index 是 1,
以此類推。
EX: 現在我要在 zoo 這個陣列找到 monkey ,我該怎麼寫?

var zoo = ['lion','cow','bird','monkey','bear'];
var 猴子 = zoo[3]; //monkey 在 index 3,也就是陣列的第四個
console.log(猴子); //monkey

取得陣列長度 (length)

你可以由陣列的 length 屬性得到一個陣列的長度:

var zoo = ['lion','cow','bird','monkey','bear'];
console.log(zoo.length);//5

!! arrayName.length 常常用在取值上 EX:遍歷array的 for loop

修改

如果你要改這個陣列的索引 x 的值,那麼你就

arrayName[x] = 新的值;

EX:現在我zoo的陣列不要monkey了,我要改成pig

var zoo = ['lion','cow','bird','monkey','bear'];
zoo[3] = 'pig';
console.log(zoo[3]);//pig

在末端新增

加入項目至陣列末端
使用push,會回傳新增之後的陣列長度

var zoo = ['lion','cow','bird','monkey','bear'];
var Zoolen = zoo.push('tiger');
console.log(Zoolen);
// 6
console.log(zoo);
//['lion','cow','bird','monkey','bear', 'tiger']

在末段刪除

使用pop,會移除陣列末端項目,並回傳被移除的項目

var zoo = ['lion','cow','bird','monkey','bear'];
var removeItem = zoo.pop();
console.log(removeItem);//bear

這篇先說到這裡,下一篇講Array常用的方法:
1.如何指定新增刪除索引,而不是只在末端做事
2.迭代陣列的forEach
期待一下吧!

參考文章:
Fooish 程式技術
MDN Array


上一篇
JavaScript class
下一篇
JavaScript Array | 與其他程式語言很不同的陣列(下)
系列文
開始入坑網頁吧!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言