iT邦幫忙

2021 iThome 鐵人賽

DAY 0
0
自我挑戰組

從零開始學習 JS 的連續-30 Days-系列 第 8

[Day 8]從零開始學習 JS 的連續-30 Days---陣列

宣告變數的資料型別--陣列

1.數值( Number )
2.字串( String )
3.布林值( Boolean )
4.未設定值( Undefind )
5.無值( Null )
6.陣列( Array )
7.物件( Object )

陣列( Array )

  1. 陣列就是相同型態的多個元素集合於一個變數內。
  2. 宣告陣列要再賦予元素的前後加中括號[]。
  3. 可以讀取陣列長度(資料筆數)
  4. 新增元素資料,方法有三種。


如上圖所示宣告陣列方式,與查詢陣列長度使用(length)


如上圖所示新增方法:
1.變數名稱+[新增資料的排序]= 新增的資料(元素)。
2.中括號[ ]內的數字,0為第一筆資料,1為第二筆資料,以此類推。
3.新增的語法為: 變數名稱+ .push+( 新增的資料 )。
4.使用語法新增會自動將資料加在最後一筆,不需自行計算資料筆數。


如上圖所示新增方法:
1.新增的語法為: 變數名稱+ .unshift+( 新增的資料 )。
2.使用語法新增會自動將資料加在第一筆

  1. 刪除元素資料,方法有種三。


如圖所示刪除方式一:
1.刪除的語法為: 變數名稱+ .pop+( )。
2.會刪除最後一筆資料。


如圖所示刪除方式二:
1.刪除的語法為: 變數名稱+ .shift+( )。
2.會刪除第一筆資料。


如圖所示刪除方式三:
1.刪除的語法為: 變數名稱+ .splice+( 刪除的位置起點 , 往後刪除的數量包含本身 )
2.會刪除指定資料及數量。

今天陣列的基本觀念就到這邊結束了。


上一篇
[Day 7]從零開始學習 JS 的連續-30 Days---流程圖
下一篇
[Day 9]從零開始學習 JS 的連續-30 Days---物件
系列文
從零開始學習 JS 的連續-30 Days-30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言