Javascript入門第二十一課-陣列的方法與屬性
還不認識當今最火的JavaScript嗎?本日要教你關於Javacript中的陣列的方法與屬性哦!
JavaScript 陣列(Arrays)擁有一些實用的內置屬性和方法,例如 length 屬性,用以回傳一個陣列中元素的數量。寫法如下例所示:
上述範例左側的原始碼,第一行的「courses」陣列有三個元素:HTML、CSS、JS,因此回傳數值為「3」;第四行的「courses1」陣列有四個元素:HTML、CSS、JS、JQuery,因此回傳數值為「4」
JavaScript 的 concat () 方法被用來合併兩個或多個陣列。前端工程師認為此方法不會改變原本的陣列,而是新增加另一個經過合併過的陣列後回傳。
上述範例左側的原始碼,第一行為「c1」陣列回傳為「HTML,CSS」;第二行的「c2」陣列回傳為「JS,JQuery」;第三行就採用 concat () 方法來合併第一、第二行的 c1、c2 陣列,是為新陣列「c3」,其回傳值有四個元素「HTML,CSS,JS,JQuery」。
關於前端工程師常用的Javascript教學系列,我們將陸續介紹 Math Object 數學物件與 Date Object 日期物件等 JavaScript 原生物件。JavaScript與本章再複習一次。下回的前一章「陣列的介紹」 的陣列 (Arrays)教學在此告一個段落,請各位讀者務必將JavaScript
更多閱讀:
你是我的眼!Google AI 眼鏡助視障朋友「看見」世界
APCS 是什麼?所有 APCS 檢定的問題這篇都會回答你!
差點被拋棄的冠軍程式語言-Java入門教學(一)
Java 身世之謎/寫出第一個Java程式
JavaScript入門教學#18|創造JavaScript物件(Objects)
分不清Javascript變量命名?前端工程師說給你聽!
Javascript基礎練習(十七)-物件介紹
Javascript初學者課程(18)-創造物件
陣列(Arrays)-length 屬性
JavaScript 陣列(Arrays)擁有一些實用的內置屬性和方法,例如 length 屬性,用以回傳一個陣列中元素的數量。寫法如下例所示:
上述範例左側的原始碼,第一行的「courses」陣列有三個元素:HTML、CSS、JS,因此回傳數值為「3」;第四行的「courses1」陣列有四個元素:HTML、CSS、JS、JQuery,因此回傳數值為「4」
合併陣列(Combining Arrays)-concat () 方法
JavaScript 的 concat () 方法被用來合併兩個或多個陣列。前端工程師認為此方法不會改變原本的陣列,而是新增加另一個經過合併過的陣列後回傳。
上述範例左側的原始碼,第一行為「c1」陣列回傳為「HTML,CSS」;第二行的「c2」陣列回傳為「JS,JQuery」;第三行就採用 concat () 方法來合併第一、第二行的 c1、c2 陣列,是為新陣列「c3」,其回傳值有四個元素「HTML,CSS,JS,JQuery」。
關於前端工程師常用的Javascript教學系列,我們將陸續介紹 Math Object 數學物件與 Date Object 日期物件等 JavaScript 原生物件。JavaScript與本章再複習一次。下回的前一章「陣列的介紹」 的陣列 (Arrays)教學在此告一個段落,請各位讀者務必將JavaScript
更多閱讀:
你是我的眼!Google AI 眼鏡助視障朋友「看見」世界
APCS 是什麼?所有 APCS 檢定的問題這篇都會回答你!
差點被拋棄的冠軍程式語言-Java入門教學(一)
Java 身世之謎/寫出第一個Java程式
JavaScript入門教學#18|創造JavaScript物件(Objects)
分不清Javascript變量命名?前端工程師說給你聽!
Javascript基礎練習(十七)-物件介紹
Javascript初學者課程(18)-創造物件