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

大家敲碗的JavaScript教學文來嘍!!新手必讀!!老手當複習~大家一起學起來!!(9)
迴圈
JavaScript 的「迴圈（Loops）」可以多次執行一組程式。當有多個值，需要重複執行同程式時，用「迴圈（Loops）」非常方便。
JavaScript 有三種迴圈：for、while、 do while 。最常用的 for 迴圈的 JavaScript 語法如下：
See the Pen JavaScript9-for-loop-1 by Tedutw (@Tedutw) on CodePen.
上例是典型的 for 迴圈（for loop）格式，包含三個條件敘述 （statement）：
在迴圈開始之前執行「條件敘述 1」；
「條件敘述 2」定義了迴圈運行的條件;
每次迴圈跑完之後，執行「條件敘述 3」。
For 迴圈
以下的 for 迴圈範例中，顯示出 7 個等於或小於 7 的整數：
See the Pen JavaScript9-for-loop-2 by Tedutw (@Tedutw) on CodePen.
以上示例中，迴圈開始前，條件敘述 1 設置了一個變數（變數 i = 1）；
條件敘述 2 定義了迴圈運行的條件（i 必須小於或等於 7）。
 
 


前端工程師每次執行迴圈中的程式代碼後，條件敘述 3 都會增加一個值（i ++）。
條件敘述 1 是選擇性的：如果在迴圈開始前就已經定義了值，則可以將其省略。如下例 (因為在 for 迴圈之前便已經定義了「var i = 1」，因此 for 迴圈就省略了條件敘述 1 )：
 
 
See the Pen JavaScript9-for-loop-3 by Tedutw (@Tedutw) on CodePen.
如果條件敘述 2 結果為真（true），則迴圈將重頭開始執行；反之，迴圈將結束。與條件敘述 1 一樣，條件敘述 2 也是選擇性的(可以省略)。
如果省略條件敘述 2 ，則必須在迴圈內加一個 break。否則迴圈將不會結束。
條件敘述 3 用於更改初始變數。可以使用任何方式來修改變數，包括減去（i--）或增加（i = i + 15）等等。
條件敘述 3 也是選擇性的(可以省略)，如果在迴圈內增加值，則可以將其省略。
See the Pen JavaScript9-for-loop-4 by Tedutw (@Tedutw) on CodePen.

(繼續閱讀...)

文章標籤

Java瑪奇朵 發表在 痞客邦 留言(0) 人氣(1)

JavaScript基礎入門教學登場啦!!需要的同學快往下閱讀吧!!(十三)
函式中的參數
前端工程師可在JavaScript 中的函式（function），可以導入參數（parameters），讓函式有更多的應用。
在定義JavaScript函式參數中，參數（parameters）的名稱寫在函式名稱後方的小括號內。語法如下所示：
function函式名稱(參數1, 參數2, 參數3) {
//這裡寫上要執行的代碼
}
所有的參數都必須被命名，並且以半形逗號來隔開所有不同名稱的參數
使用參數
定義完參數之後，你就可以在函式內使用它了。
使用一個名為「name」的參數。當宣告「sayHello」函式時，就在小括號中寫入該參數的值，也就是引數（arguments）。函式例如，下列為一個名為「sayHello」的函式，該
 
S
 
ee the Pen JavaScript13-functionParameters by Tedutw (@Tedutw) on CodePen.
您可以定義一個函式，然後給予不同的參數值（引數）。承上例，套用不同引數的例子如下：
See the Pen JavaScript13-functionParameters by Tedutw (@Tedutw) on CodePen.

(繼續閱讀...)

文章標籤

Java瑪奇朵 發表在 痞客邦 留言(0) 人氣(1)

大家敲碗的JavaScript教學文來嘍!!新手必讀!!老手當複習~大家一起學起來!!(8)
switch 條件式
在 JavaScript 中，若你有多個條件需要測試的話，為每個條件編寫 if...else 語句可能不是那麼有效率。此時，

前端工程師們可以使用 switch 敘述式，就可以依據不同的條件而執行所指定的程式。 switch 用法如下面代碼所示：
See the Pen JavaScript8-switch-1 by Tedutw (@Tedutw) on CodePen.
 
switch 敘述式只運算一次，看看敘述是否符合各個情況(case)所指定的條件。當有條件成立時，則會執行該情況(case)所對應的程式。如以下例子：變數「day」若為 1 時則輸出「Mon」、為 2 時，則輸出「Tue」、為 3 則輸出「Wed」、為 4 則輸出「Thu」、為 5 則輸出「TGIF」，都不符合就輸出「Weekend day」。
See the Pen JavaScript8-switch-2 by Tedutw (@Tedutw) on CodePen.
註1：以上例子也可以使用 if...else 條件式 來寫，但不如 switch 來的精簡。
註2：每一個 case 中的「break」語句，作用是讓 JavaScript 跳出該 switch 程式區塊，以阻止更多的程式碼執行、或是繼續在該區塊內繼續測試的動作。通常一種情況（case）的條件陳述中，會放一個「break」。
switch 條件式中的「default」
當所有條件都不成立時，「default」關鍵字指定 JavaScript 要執行的動作。如下例，若變數「member」的值都不符合所有情況（case）的條件陳述時，JavaScript 就跑到「default」，顯示「不是Stratovarius的現任團員」。以下的變數（var）「member」的值為 「Tokki」，看看是否符合每個情況（case）的條件陳述。
See the Pen JavaScript8-switch-3 by Tedutw (@Tedutw) on CodePen.

(繼續閱讀...)

文章標籤

Java瑪奇朵 發表在 痞客邦 留言(0) 人氣(2)

JavaScript基礎入門教學登場啦!!需要的同學快往下閱讀吧!!(十二)
JavaScript 函式
「JavaScript 函式」是由多個 JavaScript 代碼組合成的區塊，被用來執行特定的功能。
使用函式的主要優點如下：

可重複使用同組代碼：代碼一但被定義後，就可以多次重複使用。

相同的代碼，配合不同的引數（arguments）就會產生不同的結果。

 
定義函式
要定義函式，JavaScript 的寫法是使用「function」字眼，後面接上「name（函式名稱）」及一對小括號「（）」和大括號「{}」。要執行的代碼，則寫在大括號「{}」中。如下方所示：
function name() {
//這裡寫上要執行的代碼
}
例如，今天我們要定義一個函式，取名為「hello」，定義其功能為輸出「Hi,there」。其寫法如下例所示：
function name(hello) {
document.write("Hi there");
}
宣告函式
函式經由上述被定義的過程後，就可以「隨傳隨到」。一但當需要執行這個函式前，就不用再一次重新定義它，只要宣告它就好了。宣告函式的寫法為：函式名稱加上小括弧即可。如

前端工程師有需要引數的場合，則把引數寫在小括弧中。承續上一段的例子，今天我們要叫出這個名字為「hello」的函式，寫法如下方所示：
See the Pen JavaScript12-function by Tedutw (@Tedutw) on CodePen.
記得在宣告函式的語句最後方加上分號。
一但函式被定義後，在 JavaScript 中，就可以多次宣告它，不用再重新定義。
 
更多關於

JavaScript和前端工程師的文章請點下方連結!!
 
 
 
 
其他閱讀
Javascript基礎入門(十三):函式中的參數
Javascript基礎入門(十四):在函式中使用多重參數
人工智慧讓你看清肥胖的原因 讓Python課程教你如何做到
美國NASDAQ上市公司、外商IT教育培訓企業
Python課程讓你免煩惱AI智慧的8億職缺危機 還能輕鬆領高薪
全球TOP 5熱門程式語言,除了Java課程你還應該知道….
2天考取Google Ads證照！新手廣告投放攻略
擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師
44歲媽咪順利轉職網頁設計師, 家庭事業都得意
零基礎如何花 14 小時考取 GoogleAds 認證？五種 GoogleAds 廣告不藏私攻略
從無到有 挑戰14小時取得Google證照

(繼續閱讀...)

文章標籤

Java瑪奇朵 發表在 痞客邦 留言(0) 人氣(1)

大家敲碗的JavaScript教學文來嘍!!新手必讀!!老手當複習~大家一起學起來!!(7)
if 條件式
在使用 JavaScript 編寫程式碼時， 若希望程式能依據不同的狀態，而執行不同的操作時，就需要使用條件陳述式（conditional statements）。
我們可以使用if 條件式敘述：當一個指定的條件成立（為真）時會執行的程式碼，用白話來說就是「當...條件成立時，則會執行...程式」。
if 條件式的 JavaScript 語法如下
See the Pen JavaScript7-if-1 by Tedutw (@Tedutw) on CodePen.
只有當指定的條件成立時，程式碼才會執行。
下面為 if 條件式 的範例，聲明當「變數 Num1 小於 變數 Num2」的條件成立時，才會顯示「JavaScript其實不難啊！」。
See the Pen JavaScript7-if-3 by Tedutw (@Tedutw) on CodePen.
 
承上面的例子，當「變數 Num1 小於 變數 Num2」的條件不成立時，則程式會自動跳過要執行的代碼，不會顯示「JavaScript其實不難啊！」。如下所示：
See the Pen JavaScript7-if-4 by Tedutw (@Tedutw) on CodePen.
else 敘述
當條件不成立時，除了不讓程式執行之外，我們還可以選擇使用「else」語句來指定當不符合指定條件時，所要執行的動作。承上方例子，當不符合「變數 Num1 小於變數 Num2」 的狀況時，就顯示「

前端工程師都必須學JavaScript」。
See the Pen JavaScript7-if-5 by Tedutw (@Tedutw) on CodePen.
else if 敘述
if 條件式 中，前端工程師們還可以加入「else if」敘述另一個條件。當所指定的條件不成立時，是否還符合另一個條件。如以下例子所示，當變數「age」大於 17 的條件成立時，則顯示「成人」；若不成立，則看看是否符合另一個條件（變數是否大於 11）。當另一個條件成立時，則顯示「青少年」；若兩個條件都不成立，就顯示「兒童」。
See the Pen JavaScript7-if-6 by Tedutw (@Tedutw) on CodePen.

(繼續閱讀...)

文章標籤

Java瑪奇朵 發表在 痞客邦 留言(0) 人氣(0)

JavaScript基礎入門教學登場啦!!需要的同學快往下閱讀吧!!(十一)
Break
break 敘述， 是

前端工程師用來「跳出」迴圈用的，繼續執行迴圈之後的 JavaScript 程式。
See the Pen JavaScript11-break by Tedutw (@Tedutw) on CodePen.
只要當 i 的值等於 7 時，即將會從該迴圈跳出。
Continue
Continue 敘述，僅在迴圈內中斷程式的執行，在中斷後又重新執行迴圈，而不會跳出迴圈。
See the Pen JavaScript12-continue by Tedutw (@Tedutw) on CodePen.

(繼續閱讀...)

文章標籤

Java瑪奇朵 發表在 痞客邦 留言(0) 人氣(1)

快來達內教育報名晉升斜槓一族!!透過不斷的學習與提昇來遠離達克效應症候群吧!!
你在職場或是學校一定有遇過這種人！他們總是滿嘴大道理，將看起來再簡單不過的道理講得花枝亂綻，真誠的跟你說：「能遇到我，你真的是太幸運了，我是你的貴人，跟著我說的做就對了！」
不，我絕對不是在說你老闆。我是在說那些病入膏肓的達克效應症候群患者！

▲ 達克效應患者如何一步步被自大毀滅？
在1999年，由兩位任職於康乃爾大學心理系的教授鄧寧（David Dunning）以及克魯格（Justin Kruger）發現了達克效應（D-K effect），並在2000年獲得了「搞笑諾貝爾奬」，這本來博君一笑的小實驗，卻在未來20年時時警示著我們。
這兩位英國心理學家到底是哪根筋不對？會想做這樣的實驗呢？
這要源自於1995年的一起令人啼笑皆非的銀行搶劫案。警察在搶案發生後一小時就根據監視錄影器將犯人抓捕到案，沒想到兩位嫌犯卻驚訝的大喊著：「我們已經塗上可以隱形的檸檬汁了啊？為什麼監視器還可以拍到我們？」真的與成語「掩耳盜鈴」的故事很像呢！英國的這兩位心理學家驚訝於這兩位嫌犯的愚蠢，也因為他們這樣的蠢行，他們倆決定試著著手測量「人類的愚蠢程度」，也就是達克效應的緣起。
想看更多關於達克效應的愚蠢故事嗎？來這裡看看吧！

要怎麼惡整另一半？漢堡王的網路行銷告訴你！

AIoT是啥？AI人工智慧透過5G和物聯網(IoT)的完美結晶

人工智慧會讓 Siri 更加情緒化，更掀起 AI 平權運動了？

如何測出人類自以為是的程度？
在得出達克效應這個實驗結果之前，兩位教授先分別測量受試者的「幽默感」、「文法」和「邏輯」，並詢問他們認為自己會在這麼排名中位於前幾％。他們在受試結果中發現，最末端25％的受試者，最容易高估自己的排名結果，而排名前面的受試者反而低估了自己的能力。
根據實驗結果，鄧寧與克魯格教授提出了四點結論：

與能力較佳者相比，能力不足者更有可能高估自己的水平

能力不足者深受自我認知失調所苦，無論是對於自己或是他人的能力評估都會出現問題

能力不足者比他人更難透過與他人比較，認知到自己的真實能力

能力不足者可以透過自我的精進，調整對自我能力的認知並承認自己的無知

而克魯格教授更提出一個弔詭的理論，那就是一個人「工作表現好所需要的智商，與認知到自己需要精進的智商是一樣高的。」而這樣的假說點出了：需要精進自己的人總是意識不到自己的不足，而那些真正聰明的人卻持續的精進自己。想看更多如何破除自身達克效應的方法嗎？來看看這篇文章!
在2019的年末，除了忙著慶祝聖誕節與跨年，我們也要誠實的檢視自己一年的成果。無論你的2019是收穫滿滿，或是力不從心，都讓我們一起鼓勵自己的進步、正視自己的不足。在新的一年學習新的事物，讓自己的技能更跟得上時代的腳步吧！達內教育有更多你自己想都沒想過的未來可能！
 
更多關於達內教育的文章請點下方連結喔~
 
 
 
其他閱讀
哪些品牌在東方富比世榜上有名? 達內教育,海爾等等知名企業都進榜!!
機器人會跟你搶飯碗?達內教育教你如何善用人工智慧!
對自己未來很迷茫?聽林同學給達內教育評價,你會發現...
人工智慧讓你看清肥胖的原因 讓Python課程教你如何做到
美國NASDAQ上市公司、外商IT教育培訓企業
Python課程讓你免煩惱AI智慧的8億職缺危機 還能輕鬆領高薪
全球TOP 5熱門程式語言,除了Java課程你還應該知道….
2天考取Google Ads證照！新手廣告投放攻略
擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師
44歲媽咪順利轉職網頁設計師, 家庭事業都得意
零基礎如何花 14 小時考取 GoogleAds 認證？五種 GoogleAds 廣告不藏私攻略
從無到有 挑戰14小時取得Google證照

(繼續閱讀...)

文章標籤

Java瑪奇朵 發表在 痞客邦 留言(0) 人氣(8)

JavaScript基礎入門教學登場啦!!需要的同學快往下閱讀吧!!(十)
while 迴圈
只要條件成立，JavaScript 的「while 迴圈」就會重複執行一段程式碼。這

前端工程師一定要知道~
while 迴圈的 JavaScript 語法如下
See the Pen JavaScript10-while-loop-1 by Tedutw (@Tedutw) on CodePen.
 
以下為 while 迴圈的範例：變數 i 的初始值等於 0、條件為「當 i 的值小於或等於 7 」時，就執行「顯示變數 i 的值，並且把 i 的值再加 1」。然後重複執行迴圈。
See the Pen JavaScript10-while-loop-2 by Tedutw (@Tedutw) on CodePen.
只要 i 小於或等於 7，迴圈將繼續執行程式。每次迴圈運行時，數值都會增加 1，於是輸出了 1 到 7 的值。
當條件一直成立時，迴圈則會繼續執行程式，直到條件不成立為止。在下條件時要小心，若條件一直成立的話，迴圈就會一直執行下去，沒有停止。
do...while 迴圈
do...while 迴圈是 while 迴圈的變體。在檢查條件是否成立之前，此迴圈會先執行一次程式碼，然後只要條件為真，迴圈將會重複循環。
do...while 迴圈的 JavaScript 語法如下
See the Pen JavaScript10-do-while-loop-3 by Tedutw (@Tedutw) on CodePen.
註：分號必須寫於 do...while 迴圈的最末端。
do...while 迴圈的範例如下：變數 i 的初始值等於 0、執行「顯示變數 i 的值，並且把 i 的值再加 1」、條件為「當 i 的值小於或等於 7 」。
See the Pen JavaScript10-do-while-loop-5 by Tedutw (@Tedutw) on CodePen.

(繼續閱讀...)

文章標籤

Java瑪奇朵 發表在 痞客邦 留言(0) 人氣(1)

這篇要來和大家分享能再次搭上人工智慧浪潮的AIoT!!千萬別錯過喔~

(繼續閱讀...)

文章標籤

Java瑪奇朵 發表在 痞客邦 留言(0) 人氣(0)

JavaScript基礎入門教學登場啦!!需要的同學快往下閱讀吧!!(九)
迴圈
JavaScript 的「迴圈（Loops）」可以多次執行一組程式。當有多個值，需要重複執行同程式時，用「迴圈（Loops）」非常方便。
JavaScript 有三種迴圈：for、while、 do while 。最常用的 for 迴圈的 JavaScript 語法如下：
See the Pen JavaScript9-for-loop-1 by Tedutw (@Tedutw) on CodePen.
上例是典型的 for 迴圈（for loop）格式，包含三個條件敘述 （statement）：
在迴圈開始之前執行「條件敘述 1」；
「條件敘述 2」定義了迴圈運行的條件;
每次迴圈跑完之後，執行「條件敘述 3」。
For 迴圈
以下的 for 迴圈範例中，顯示出 7 個等於或小於 7 的整數：
See the Pen JavaScript9-for-loop-2 by Tedutw (@Tedutw) on CodePen.
以上示例中，迴圈開始前，條件敘述 1 設置了一個變數（變數 i = 1）；
條件敘述 2 定義了迴圈運行的條件（i 必須小於或等於 7）。
 
 


前端工程師每次執行迴圈中的程式代碼後，條件敘述 3 都會增加一個值（i ++）。
條件敘述 1 是選擇性的：如果在迴圈開始前就已經定義了值，則可以將其省略。如下例 (因為在 for 迴圈之前便已經定義了「var i = 1」，因此 for 迴圈就省略了條件敘述 1 )：
 
 
See the Pen JavaScript9-for-loop-3 by Tedutw (@Tedutw) on CodePen.
如果條件敘述 2 結果為真（true），則迴圈將重頭開始執行；反之，迴圈將結束。與條件敘述 1 一樣，條件敘述 2 也是選擇性的(可以省略)。
如果省略條件敘述 2 ，則必須在迴圈內加一個 break。否則迴圈將不會結束。
條件敘述 3 用於更改初始變數。可以使用任何方式來修改變數，包括減去（i--）或增加（i = i + 15）等等。
條件敘述 3 也是選擇性的(可以省略)，如果在迴圈內增加值，則可以將其省略。
See the Pen JavaScript9-for-loop-4 by Tedutw (@Tedutw) on CodePen.

(繼續閱讀...)

文章標籤

Java瑪奇朵 發表在 痞客邦 留言(0) 人氣(3)