Ting's Square 程式寫作之路

[Day15] JS: javascript 陣列

Total : 455 words.

javascript list 陣列
在本篇我們將會學習使用list把資料存進陣列、取出陣列某一元素的值和刪除、查詢陣列內的值。


目錄:


list: 陣列 list.length: 陣列屬性-長度 list[]: 取出陣列某一元素的值

取出陣列的值

var list = [1, 2, 3, "aa", "bb", 123];
console.log(list);
console.log(list.length);
console.log(list[0]);
console.log(list[3]);
console.log(list[list.length-1]); /*拿出最後一個元素*/

輸出結果

[1, 2, 3, "aa", "bb", 123]
6
1
"aa"

修改陣列的值

再重新指定一次

list[2] = "xx";
console.log(list[2]);
console.log(list);

輸出結果

"xx"
[1, 2, "xx", "aa", "bb", 123]

新增陣列元素的值

list.push() 加至最後

list.unshift() 加至最前

var myMonsters = ['皮卡丘', '鯉魚王', '小火龍', '傑尼龜'];
myMonsters.push("大眼蛙");
console.log(myMonsters);

myMonsters.unshift("龍女僕");
console.log(myMonsters);

輸出結果

["皮卡丘", "鯉魚王", "小火龍", "傑尼龜", "大眼蛙"]
["龍女僕", "皮卡丘", "鯉魚王", "小火龍", "傑尼龜", "大眼蛙"]

刪除陣列元素的值

list.pop() 刪除最後一個

list.shift() 刪除第一個

myMonsters.pop();
console.log(myMonsters);

輸出結果

["龍女僕", "皮卡丘", "鯉魚王", "小火龍", "傑尼龜"]
["皮卡丘", "鯉魚王", "小火龍", "傑尼龜"]

查詢陣列元素的值

indexOf(‘想查詢的元素’)

console.log(myMonsters.indexOf('皮卡丘'));
console.log(myMonsters.indexOf('喵貓'));

輸出結果

0
-1 /* 值為1的話,此元素不存在在陣列中*/

相關連結

HackMD筆記