iT邦幫忙

第 11 屆 iT 邦幫忙鐵人賽

DAY 7
1
Modern Web

好 Js 不學嗎 !? JavaScript 入門中的入門。系列 第 7

[Day07] JavaScript - 集合物件

大綱

  • 陣列
  • Map 物件
  • Set 物件

陣列:宣告陣列物件
陣列物件裡的資料,稱為元素,使用陣列時,必須先宣告,再指定陣列元素。陣列宣告的方式,常見有三種。

方法一:
var arrayName = new Array();
陣列索引從 0 開始,例如 arrayName 陣列的第一個元素為 arrayName[0],第二個陣列元素為 arrayName[1]...依此類推。

方法二:
var arrayName = new Array('元素一', '元素二');
宣告陣列物件 arrayName,() 括號裡每一項代表陣列的元素,元素個數就是陣列的長度。

方法三:
var arrayName = ['元素一', '元素二'];
這種方式是以字面表達式構成的陣列列表,以中括號 ([]) 指定陣列的元素,使用括號表達式建立陣列時,陣列會自動初始化,並以元素個數來設定陣列的長度。

陣列:陣列的屬性與方法
陣列的屬性與方法可以讓我們在存取陣列時更加方便。

陣列屬性存取的表示法如下:
array.property

陣列的方法使用表示法如下:
array.method()

常用的方法,詳列如下:
https://ithelp.ithome.com.tw/upload/images/20190922/20112656lzzatLsusl.png

取出陣列元素的方法,詳列如下:
https://ithelp.ithome.com.tw/upload/images/20190922/20112656lfbUNjw6wd.png

陣列:陣列的疊代方法
iteration 這個名詞是形容循環重複做同一件事情,像是迴圈敘述也被稱為疊代陳述句。

Array 陣列提供疊代方法,如下表:
https://ithelp.ithome.com.tw/upload/images/20190922/20112656eHfElxakf2.png

Map 物件
Map 物件每組元素都有對應的鍵與值,而且任何值都可以當作 key 與 value。

建立 Map 物件語法如下:
new Map([iterable])
括號 () 內必須是可疊代物件,像是陣列或其他具鍵值對的可疊代物件。

Map 物件的屬性如下:
https://ithelp.ithome.com.tw/upload/images/20190922/20112656XcWjw9PwrV.png

Map 物件提供的方法如下:
https://ithelp.ithome.com.tw/upload/images/20190922/20112656PO8iTnWXN7.png

Set 物件
Set 物件是一組資料值的集合,由不重複的元素組成,也就是每一個值都是唯一值。

建立 Set 物件語法如下:
new Set ([iterable])

Set 物件的屬性如下:
https://ithelp.ithome.com.tw/upload/images/20190922/20112656xyn34gtXlO.png

Set 物件的方法如下:
https://ithelp.ithome.com.tw/upload/images/20190922/20112656O47SJ0ZC49.png


上一篇
[Day06] JavaScript - JavaScript 內建標準物件 (下)
下一篇
[Day08] JavaScript - 函式與作用域
系列文
好 Js 不學嗎 !? JavaScript 入門中的入門。30

尚未有邦友留言

立即登入留言