JavaScript Arrays 基礎教學功能篇 | 腦爸打有限公司

JavaScript Arrays 基礎教學功能篇


網頁設計、網站製作 專家!

Compbrother 腦爸打 @ 網頁設計、網站製作 小知識教學: JavaScript Arrays 基礎教學功能篇

文章發佈日期: 2022-02-15

小知識教學類型: 網頁設計、網站製作

前文,我們談到Array對於網頁程式編寫員在設計或製作網頁站所帶來的好處簡介,今文我們嘗試更中階一點,了解更多Array在網頁程式編寫時的功能和為網站所帶來的效用。

從現有Array中增加新項目? 可使用.push(),例子:
const classmates = ["Tome", "May", "Jack"];
classmates.push("Tina"); 或 classmates[classmates.length] = "Tina";
*註: JavaScript Arrays是numbered indexes (用數值來編制排序),而非named indexes。亦因為這個特性,當你想使用字串(或實際有含義的名稱)來排列,JavaScript而言,Objects在這情況會為使用Arrays更佳!

其它JavaScript Arrays常見 Methods 功能:

toString(): 把array以字串形式顯示 (每個項目之間以逗號分隔),另外亦可使用 join() 來更改逗號分隔的原始顯示設定。

pop(): 移除Array最後一個項目

push(): 在Array最後的位置再新增一個項目

shift(): 移除Array最前的一個項目,尾隨的項目全部上升一個排列數值序

unshift(): 在Array最前的位置新增一個項目,尾隨的項目全部延後一個排列數值序

concat(): 把兩個Array連結在一起 (可多於連結一個)

slice(): 抽取Array中某範圍的項目,亦有網頁程式編寫員會用來增加或刪除Array項目

以上JavaScript Arrays常見的 Methods 功能,都為網頁程式編寫員在設計或製作網頁站所帶來更高的程式彈性和編寫網站時的效率亦大大提升,至於什麼時候需要用到Array那個功能,這很視乎於網頁程式編寫員的個人習慣及當刻網站程式功能的需要。



如需協助 「網頁設計、網站製作」 ,歡迎立即 聯絡我們!



立即聯絡我們



Send a Message

Sed diam nonummy nibh euismod tincidunt ut laoreet dolore magnais.