logo
logo
Sign in

JavaScript Arrays 基礎教學簡介篇

avatar
Compbrother
JavaScript Arrays 基礎教學簡介篇

為什麼網頁程式編寫員需要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

}


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




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


Source: 腦爸打

collect
0
avatar
Compbrother
guide
Zupyak is the world’s largest content marketing community, with over 400 000 members and 3 million articles. Explore and get your content discovered.
Read more