JavaScript Arrays 基礎教學簡介篇 | 腦爸打有限公司

JavaScript Arrays 基礎教學簡介篇


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

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

文章發佈日期: 2022-01-17

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

為什麼網頁程式編寫員需要Array? 可以簡單想像,編寫網站程式很多時都會處理一系列的項目或數據,它們可能是屬於同一群體或有著一定聯繫性,所以JavaScript Arrays便可以給予網站程式編寫員可以簡便以Array裝載,並且提供多項實用選項功能function可以使用。

創建Array的方法,例如:
const teammates = ["Sarah", "Daniel", "Tom"];



const teammates = [];
teammates[0]= "Sarah";
teammates[1]= "Daniel";
teammates[2]= "Tom";

從Array中提取項目值,例如:
const teammates = ["Sarah", "Daniel", "Tom"];
let team_member = teammates[1];

**0是Array中第一個值,1是Array第二個值,2是Array第三個值,如此類推等等...

從Array中更改項目值,例如:
const teammates = ["Sarah", "Daniel", "Tom"];
teammates[1]= "Linda"

**以上例子 Daniel 的值便會改為 Linda

JavaScript Arrays所裝載的,可以不只是string字串或數字numbers,也可以盛載 object物件,例如:
const teammates = {firstName:"Sarah", lastName:"Chan", age:21};

JavaScript Arrays有著很多的現成功能method可供網頁程式編寫員所使用,例如:
length: 取得Array中有多個項目
Array[0]: 取得Array中的第一個項目
[Array.length - 1]: 取得Array中的最後一個項目
Array.push: 在現有Array中再增加一個新項目

以loop迴圈方法去取得或查看Array中的每一個項目:
for (let i = 0; i < Array.length; i++)
{
//自定程式如何列出Array中的每一個項目Array[i]
}

或直接採用Array.forEach()的方法也有同樣的效果去列出Array中的每一個項目

另外,我們如何得知一個變數Variable是否Array? 根據 ECMAScript 5 (JavaScript 2009),網頁程式編寫員只需使用 Array.isArray()的方法便可輕鬆和快速知道一個變數Variable是否Array了。



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



立即聯絡我們



Send a Message

Sed diam nonummy nibh euismod tincidunt ut laoreet dolore magnais.