iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 10
1
自我挑戰組

JavaScript 新手筆記系列 第 10

Day10 - 陣列

  • 分享至 

  • xImage
  •  

前言

這次主要是說明陣列

陣列( array )

  • 陣列 = array,使用[ ] 來包含
  • 當資料很多時逐一宣告變數會變麻煩,就會想要使用陣列來表示
  • 長度為陣列內元素的數量
  • 從 0 開始起算
  • 語法: arrayname = [] ;
var b = "b"
var ENG = ["a" , b , 5 , "d"]; // 長度為4的陣列
         // 0  , 1 , 2 ,  3
console.log(ENG.length); // 輸出4,有4個元素
console.log(ENG[0]); // 輸出a
console.log(ENG[1]); // 輸出b
console.log(ENG[3]); // 輸出d
  • push:增加一個元素,放最後面
  • unshift:增加一個元素,放最前面
  • pop:取出最後面的元素,陣列元素少一個
  • shift:取出最前面的元素,陣列元素少一個
var test = ["a" , "b" , "c" , "d"]; // 長度為4的陣列

test.push(5);  // 最後面增加 5
console.log(test);
// 輸出["a", "b", "c", "d", 5]

test.unshift(3); // 最前面增加 3
console.log(test);
// 輸出[3, "a", "b", "c", "d", 5]

test.pop();  // 最後面取出 5 ,陣列元素少一個
console.log(test);
// 輸出[3, "a", "b", "c", "d"]

test.shift(); // 最前面取出 3 ,陣列元素少一個
console.log(test);
// 輸出["a", "b", "c", "d"]
  • 想要取出或刪除特定位置的元素?
    • 增加可以利用指定第[ ]個為多少的方法,其他未定義為空
    • 刪除也肯定有方法,暫時還沒找到
ar1 = [];
ar1[0] = 3;
ar1[5] = 4;
console.log(ar1);
// 輸出[3, empty × 4, 4]
// 未定義的元素為空值
console.log(ar1[3]); // 輸出 undefined
console.log(ar1.length); // 輸出 6

ar2 = [0,1,2];
ar2[7] = 4;
console.log(ar2);
// 輸出[0, 1, 2, empty × 4, 4]
// 未定義的元素為空值
console.log(ar2.length); // 輸出 8
  • 創一個二維的陣列? 如 3 x 3 矩陣
    • 可以,在陣列內放陣列
ar3 = [[1 , 2 , 3] , [4 , 5 , 6] , [7 , 8 , 9]];
console.log(ar3);
// (3) [Array(3), Array(3), Array(3)]
// 0: (3) [1, 2, 3]
// 1: (3) [4, 5, 6]
// 2: (3) [7, 8, 9]
// length: 3

次回

補充一下流程控制與判斷的部分


上一篇
Day09 - 函數(02) - BMI
下一篇
Day11 - 流程控制與判斷
系列文
JavaScript 新手筆記31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言