iT邦幫忙

2021 iThome 鐵人賽

DAY 4
1
自我挑戰組

Be friend with JavaScript系列 第 4

Day 4 - Array

當需要把資料放在一起時,就會需要 Array (陣列)。

小提醒:陣列不是原始資料型別之一。

當有很多資料的時候,我們不太可能一一命名變數並給它值,例如:

let friend1 = "Mike";
let friend2 = "David";
let friend3 = "Mary";

這時候可以使用陣列,把每個資料放進一個中括號[ ]裡,如下:

let friends = ["Mike","David","Mary"]

陣列包含許多屬性及方法,這邊來介紹幾個常用的

Array properties

  • index 索引值
    從 0 開始算起,可以用來抓資料位置。
    例如:
let friends = ["Mike","David","Mary"];
console.log(friends[0]); // Mike
console.log(friends[1]); // David
console.log(friends[2]); // Mary
  • length 資料長度
let friends = ["Mike","David","Mary"];
console.log(friends.length); // 3

Array methods

  • push() 在陣列的最後增加元素
let people=['A','B','C'];
people.push('D');
console.log(people); // ['A','B','C','D']
  • pop() 刪除陣列的最後一個元素
let people=['a','b','c'];
people.pop();
console.log(people); // ['a','b']
  • shift() 刪除陣列的第一個元素
let people=['a','b','c'];
people.shift();
console.log(people); // ['b','c']
  • unshift() 在陣列的第一個位置增加元素
let people=['a','b','c'];
people.unshift('1');
console.log(people); // ['1','a','b','c']
  • reverse() 將目前陣列排序給反轉過來
let ary = ['A', 'B', 'C', 'D', 'E']; 
ary.reverse();
console.log(ary); // ['E','D','C','B','A']
  • slice() 用來刪除元素或新增元素
    當只有一個參數時,表示從此索引位置開始刪除後面所有的元素(包括自己)
    例如
let array = ['A', 'B', 'C', 'D', 'E'];
array.splice(2); //從索引值= 2(c)的地方開始往後全部刪除,所以 CDE 都會被刪掉,只剩下 AB
console.log(array); //['A', 'B']

當有 2 個參數時,第一個參數表示起始位置,第二個參數表示要刪除的資料比數
例如

let people=['A','B','C','D','E','F','G'];
people.splice(1,3); // 表示從索引位置=1(B)開始,刪除 3 筆資料,所以 BCD 會被刪除
console.log(people); // ['A','E','F','G']

當有 3 個參數時,第一個參數表示起始位置,第二個參數表示包要刪除的資料比數,第三個參數表示從起始位置開始要加入到陣列的元素
例如

let ary = ['A', 'B', 'D', 'E'];
ary.splice(2,0,'C');  // 第二個參數帶入0,表示不刪除任何資料,僅在第三個參數放入要加入的資料
console.log(ary); // ['A', 'B', 'C', 'D', 'E']

上一篇
Day 3 - 條件式
下一篇
Day 5 - Object & Function
系列文
Be friend with JavaScript39
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言