布萊恩的創業小窩

深入JavaScript的陣列處理技巧也是必要的,這次來學它的方法和屬性! 陣列(Arrays)-length 屬性 JavaScript 陣列(Arrays）擁有一些實用的內置屬性和方法，如 length 屬性，用以回傳一個陣列中元素的數量。 寫法如下所示： See the Pen JavaScript-Array-length-property by Tedutw ( @Tedutw ) on CodePen . 上述範例左側的原始碼，第一行的「courses」陣列有三個元素：HTML、CSS、JS，因此回傳數值為「3」;第四行的「courses1」陣列有四個元素：HTML、CSS、JS、JQuery，因此回傳數值為「4」   合併陣列（Combining Arrays）-concat () 方法 JavaScript 的 concat () 方法，是用來合併兩個或多個陣列。此方法不會改變原本的陣列，而是新增加另一個經過合併過的陣列後回傳。 See the Pen JavaScript-combining-Arrays by Tedutw ( @Tedutw ) on CodePen . 上述範例左側的原始碼，第一行為「c1」陣列回傳為「HTML,CSS」；第二行的「c2」陣列回傳為「JS,JQuery」；第三行就採用 concat () 方法來合併第一、第二行的 c1、c2 陣列，是為新陣列「c3」，其回傳值有四個元素「HTML,CSS,JS,JQuery」。 JavaScript 的陣列 (Arrays）教學在此告一個段落，請各位 前端工程師 和其他讀者不要忘記，務必將 前一章「陣列的介紹」 與本章再複習一次！ 而 前端工程師 們可以開始期待啦！因為下回的 JavaScript 教學系列，我們將陸續介紹 Math Object 數學物件與 Date Object 日期物件等 JavaScript 原生物件！ 延伸閱讀文章： JavaScript初學者的入門天地!(20)陣列 總整理:免費的java開發工具推薦! 關於JavaScript的變數命名規範,這篇讓你一目瞭然! JavaScript入門教學#18｜創造JavaScript...

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 . 若當我們輸入的索引數字，已經超過了陣列元素數目...