Java瑪奇朵-非本科系的IT吃喝電玩日誌

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相關文章請點下方連結~

其他閱讀

JavaScript入門教學#18｜創造JavaScript物件(Objects)

你是我的眼！Google AI 眼鏡助視障朋友「看見」世界

差點被拋棄的冠軍程式語言-Java入門教學（一）

Java 身世之謎／寫出第一個Java程式

APCS 是什麼？所有 APCS 檢定的問題這篇都會回答你！

Javascript新手上路(十九):Method

前端工程師一定要懂的JavaScript變數命名規範~

學習網頁前端時也千萬別放過JavaScript!!