--- tags: 投稿文章 ---  # JavaScript 的大名鼎鼎 for 迴圈 ## for 迴圈 到了這一個章節我個人感到相當的高興，因為當初在台大的 Python 課程時，我就是在這一個環節徹底陣亡，雖然當時沒有學好，但至少還是有一點點基礎，也了解到程式語言果然是共通的，頂多是寫法不同而已。 回想六個月前，`for (var i = 0; i < 3; i++)`，這一小段對我來說根本天書阿，`i` 為什麼總是等於`0`，還有到底什麼是`i++`，現在想起來當時的自己竟然糾結在這個地方這麼久，不免覺得可笑阿！ ### for 寫法 * 先來一個最簡單的起手式，請瞧瞧以下程式碼。 ```js= for ( var i = 0; i < 5; i++ ){ console.log(i); } // console 顯示 0 // console 顯示 1 // console 顯示 2 // console 顯示 3 // console 顯示 4 ``` 我們用

--- tags: 投稿文章 ---  # JavaScript 的陣列 (Array) 與物件 (Object) 之前曾經介紹過宣告變數，開頭用 `var` 後接數字 (Number) 或是字串 (String)，而今天我們要介紹另一種變數型態，就是陣列 (Array) 與物件 (Object)，其實陣列也算是物件的一種，因為我們在 console 輸入 `tyoeof(變數)` 所顯示的都是 `object`，我們可以先簡單的想像陣列與物件就是將變數的值宣告為一串的綜合資料就是了，其中的差異我們後面再解釋清楚。 ## 何謂陣列 用中括號 `[]` 包覆起來的資料，就是陣列，而陣列可以一次記錄好幾個資料，每一個中間用 `,` 分開即可。 ### 陣列的寫法 * 所以下方5個變數哪一個變數後面是陣列呢？ ```js var Farmer = 'Alec Wang'; var appleField = [8, 5, 6]; var cats = ['小蜜', '波比']; var birds

--- tags: 投稿文章 ---  # JavaScript 的 function 功能 (函式介紹) ## ★首先這篇文章適合以下背景的人閱讀 1. 熟悉 HTML、CSS 2. 正要開始一腳踏進 JavaScript 的初學者 號稱全世界最懶的一群人(軟體工程師)，能坐就不要站，能躺就不要坐，阿不是啦，我是說，不斷重複的事情，軟體工程師我們通常不會想要一直重複做，所以一模一樣的功能，軟體工程師們，寫過一次了，就不會想要在寫一次了，這時候我們就可以用 function 功能了。 ## function * 寫法： ```js function welcome(){ var hello = 'Welcome here, may I help you ?'; console.log(hello); } welcome(); ``` * 說明：首先先用 `function` 起頭，空格以後接一個命名後加 `()` ，上面的範例就是 `welcome()`，再來接一組 `

--- tags: 投稿文章 ---  # 初探前端三劍客之一 - JavaScript 大神(變數、console.log() 與 textContent) ## ★首先這篇文章適合以下背景的人閱讀： 1. 熟悉 HTML、CSS 2. 正要開始一腳踏進 JavaScript 的初學者 今天我們要開始進入 JavaScript 的世界，因為是初探，非常初，所以我們會從宣告變數開始說明起來，再來是顯示內容`console.log()`，還有替換內容 `textContent` 非常非常的適合超新手。 (謎之音：阿你自己就超新手阿，只寫得出這些東西阿！) ## `var` 一個變數 當然變數不是只有現在介紹的這兩種型態 (Number、String)，但我們今天就先簡單介紹這兩種 1.數字 Number： 數字是資料類型的一種，所謂的數字就是我們所認知的阿拉伯數字 (1,2,3,4,,5,6,7,8.....)這一類數字。 * 寫法：`var price = 35;` * 說明：