發表文章

目前顯示的是有「陣列實字」標籤的文章

JavaScript初學者的入門天地!(20)陣列

圖片
JavaScript中的陣列到底有多重要?學完它,很多事就事半功倍啦! 陣列(Arrays) JavaScript 中的「陣列(Arrays)」,可被比喻成「可以一次承裝多個值的變數」。 大家應該都聽說過,一般的變數一次只能裝一個值,但陣列一次可裝多個變數! 例如,現在我們有三個課程名稱「HTML」、「CSS」、「JS」,就需要設立三個變數來承裝。原始碼如下所示: var course1 ="HTML"; var course2 ="CSS"; var course3 ="JS"; 但若是使用「陣列(Arrays)」,就可以把原始碼精簡成一行文,就像下面所示範的: var courses = new Array ("HTML", "CSS", "JS"); 語法解析:上述示範的代碼,是宣告名為「courses」的陣列。這個陣列包含三個值(或稱元素)。建立新陣列的寫法為「new Array(元素一,元素二,元素三)」 取出陣列的某一元素 陣列裡含這麼多元素,當我們要找出某個元素時,就需要把索引號碼寫在方括號內。要取出陣列中的第 X 個元素,語法為「陣列名稱[X-1]」(因為陣列元素的編號是從零開始,不是從一開始,所以第一個元素的索引號為「0」、第二個元素的索引編號為「1」,由此類推⋯⋯) 我們承接前一段「名稱為 courses 的陣列」的例子,假如今天我們要從 courses 陣列中取出「JS」,並且把「JS」改成「JQuery」,寫法如下: var courses = new Array("HTML", "CSS", "JS"); var course = courses[2]; // 取出第三個元素「JS」 courses[2] = "JQuery"; //將第三個元素名稱改成「JQuery」 See the Pen JavaScript-Array1 by Tedutw ( @Tedutw ) on CodePen . 若當我們輸入的索引數字,已經超過了陣列元素數目...