還不知道2019谷歌熱搜話題排行,別說你會數位行銷!

還不知道2019谷歌熱搜話題排行,別說你會數位行銷!
還不知道2019谷歌熱搜話題排行,別說你會數位行銷!

身為數位行銷人,還不知道2019谷歌熱搜話題排行可就落伍囉!

Google 台灣區 2019 年搜尋排行榜(點此進入)

在網路的世界,身為數位行銷人,只活在自己的同溫層小泡泡中是絕對會被淘汰的!這裡有 2019 年熱搜話題,在今年的尾聲利用這些話題熱度,再衝一波人氣吧!

期待英雄降臨的一年,【復仇者聯盟】登全球年度電影榜首

還記得今年夏天討論度最高的【復仇者聯盟:終局之戰】嗎? Google 發現除了這部讓眾人瘋狂搶票的年度電影之外,2019的年度熱搜關鍵字總是充斥著「英雄」的字眼。除了【復仇者聯盟:終局之戰】,漫威更有多部作品上榜,諸如【驚奇隊長】以及【蜘蛛人:離家日】。除了漫威電影,以英雄電影反派為背景的【小丑】也在台灣 Google 搜尋排行中居冠,顯示出以「英雄」作為題材的創作已成為主流,更在數位行銷社群上掀起廣大聲量!

▲ 期許英雄降臨的一年,更讓生活充滿希望!

除了【復仇者聯盟】以及【小丑】,以人工智慧與合成人充斥的未來世界為背景的【戰鬥天使艾莉塔】也登上了 Google 年度搜尋排行榜。這部電影不但展示了最新的電影特效技術,更揭示了人們對於人工智慧的想像。

在今年,台灣影劇圈也開始思考「我們與惡的距離」到底有多遠?

網路行銷中,你知道2019關鍵字熱搜總排行榜的冠軍是誰嗎? 是「我們與惡的距離」奪下冠軍寶座,隨著近年轉型正義以及媒體識讀開始受到大眾的重視,公視推出了掀起全台話題的金鐘電視劇【我們與惡的距離】,其中以近年備受大眾關注的無差別殺人事件為背景,討論多項社會禁忌話題「死刑存廢」、「精神疾病」等,也帶入了新聞產業的困境。以寫實的拍攝手法演繹社會小人物面對生離死別的悲痛,並引發社會對於「犯罪」的思考,真的如我們所想的那樣嗎?這樣深度的話題討論也讓【我們與惡的距離】一舉奪下今年金鐘獎的六個獎項。

▲ 【我們與惡的距離】演員不但演技超群,更掀起社會議題討論!

長榮罷工!開啟台灣社會勞資雙方對話!

「我的班機竟然被取消了!」

相信這是今年所有訂機票出國的朋友,最害怕的噩夢。有人實在不能理解這高薪行業罷工的理由,但也有人支持勞方爭取自己的權益。這議題儼然引爆了台灣社會對於勞資關係的關注,也開始思考平衡雙方利益的可能性。只能說,委屈了那些無辜波及的旅客,也希望透過這次的社會對話,台灣的勞資關係能更加和諧。

▲ 長榮罷工引燃社會對於勞資關係的爭議

數位行銷中的社群就像是一個會成長的有機體,而回顧這一年台灣的社群熱搜話題,就彷彿看到了這社會的成長。影視圈從只追逐收視熱度,到證明了深度內容也能抓住觀眾目光。從以往傳統的勞資關係中,試圖溝通調整到更適合新時代的模式。我們開始更注重政治人物的發言與政策,不再認為政治歸政治,生活歸生活。

而正是對於這些話題關注的各位,促進了台灣社會的轉變。結束了 2019,讓我們一起邁向更好的2020吧!

 

 

 

 

推薦文章:

2018網路行銷課程SEO八部曲第一部:了解你的使用族群!!

除了網路行銷課程以外,2018你還應該開始學這個

e世代必會網路行銷課程(1)-善用內容行銷

你沒看錯!電影裡真會藏著Python.Java等程式語言!-上

身為前端工程師的你還分不清Div及Span標籤應用嗎? (上)

美國NASDAQ上市公司、外商IT教育培訓企業

信不信由你,因為Java課程讓我獲得我想要的生活!

零基礎如何花 14 小時考取 GoogleAds 認證?五種 GoogleAds 廣告不藏私攻略

擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師

44歲媽咪順利轉職網頁設計師, 家庭事業都得意

從無到有 挑戰14小時取得Google證照

2天考取Google Ads證照!新手廣告投放攻略

Javascript初學者課程(13)-函式中的參數

Javascript初學者課程(13)-函式中的參數
Javascript初學者課程(13)-函式中的參數

本日的JavaScript教學就是要教你使用函式中的參數的應用哦!

函式中的參數

JavaScript 中的函式(function),是可以導入參數(parameters),可以讓函式有更多的應用。

在定義JavaScript函式參數中,參數(parameters)的名稱寫在函式名稱後方的小括號內。語法如下所示:

function函式名稱(參數1, 參數2, 參數3) {
  //這裡寫上要執行的代碼
}

所有的參數都必須要被命名,並且是以半形逗號來隔開所有不同名稱的參數哦。

使用參數

定義完參數之後,你就可以在函式內使用它了。

舉例來說,下列是一個名為「sayHello」的函式,該函式使用一個名為「name」的參數。當宣告「sayHello」函式時,就在小括號中寫入該參數的值,也就是引數(arguments)。

See the Pen JavaScript13-functionParameters by Tedutw (@Tedutw) on CodePen.

您可以定義一個函式,然後給予不同的參數值(引數)。承上例,套用不同引數的例子如下:

See the Pen JavaScript13-functionParameters by Tedutw (@Tedutw) on CodePen.

 

 

 

 

推薦文章:
Javascript初學者課程(14)-在函式中使用多重參數

Javascript初學者課程(1)-如何在網頁中嵌入?

Javascript初學者課程(2)-變數教學

Javascript初學者課程(3)-資料類型應用

前端工程師必學的CSS小貼士:常見邊框屬性解釋

關於人工智慧滿天飛的未來,這五部電影有說法?(上)

美國NASDAQ上市公司、外商IT教育培訓企業

鄰居們都驚呆了!我只上六個月Java課程就變成Java工程師了

從無到有 挑戰14小時取得Google證照

44歲媽咪順利轉職網頁設計師, 家庭事業都得意

擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師

零基礎如何花 14 小時考取 GoogleAds 認證?五種 GoogleAds 廣告不藏私攻略

2天考取Google Ads證照!新手廣告投放攻略

Javascript初學者課程(12)-使用者定義函式

Javascript初學者課程(12)-使用者定義函式
Javascript初學者課程(12)-使用者定義函式

本日的JavaScript教學就是要教你使用者定義函式的應用哦!

JavaScript 函式

前端工程師而言,「JavaScript 函式」是由多個 JavaScript 代碼組合成的區塊,被用來執行特定的功能。
使用函式的主要有兩項優點:

  1. 可重複使用同組代碼:代碼一但被定義後,就可以多次重複使用。
  2. 相同的代碼,配合不同的引數(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初學者課程(13)-函式中的參數

Javascript初學者課程(1)-如何在網頁中嵌入?

Javascript初學者課程(2)-變數教學

成為前端工程師的第一節課:CSS和HTML.

搞懂這些,Python變得好實用!(1)加減乘除四則運算練習

達內教育評價-故事背後事實的真相甚麼是這樣?!

程式課程選達內,美上市IT課程教育集團

從無到有 挑戰14小時取得Google證照

零基礎如何花 14 小時考取 GoogleAds 認證?五種 GoogleAds 廣告不藏私攻略

44歲媽咪順利轉職網頁設計師, 家庭事業都得意

2天考取Google Ads證照!新手廣告投放攻略

擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師

親眼所見竟然是假的?!靠的竟是人工智慧換臉技術犯罪!

親眼所見竟然是假的?!靠的竟是人工智慧換臉技術犯罪!
親眼所見竟然是假的?!靠的竟是人工智慧換臉技術犯罪!

人工智慧竟然跟犯罪扯上關係?!讓你親眼所見竟然都是假的!?

▲ 2019 年的 LINE 開發者大會(台灣場)會上提供來自日本 Line 開發者大會(LINE DEVELOPER DAY 2019)的第一手訊息

科技產業的年度盛事 LINE 開發者大會(LINE TAIWAN TECHPULSE 2019)日前於和平籃球館順利落幕,這已經是 LINE 在台灣所舉辦第四屆開發者大會了,隨著參加者越來越踴躍,今年的參加人數達到新高峰的 1200 人,足見這場盛會備受矚目的程度。

大會除了為台灣開發者提供來自日本 Line 開發者大會(LINE DEVELOPER DAY 2019)的第一手訊息,並分享眾多領域的最新趨勢外,LINE 台灣董事總經理陳立人也在大會上宣布:2020 年 LINE 旗下服務將全面導入人工智慧 LINE BRAIN。

亞洲 AI 先驅「LINE BRAIN」最快 2020 下半年在台試行

「我們希望成為亞洲人工智慧的領先者。」陳立人說。

LINE BRAIN 整合了 LINE 旗下各項人工智慧技術,目前正在規劃最佳的模式,以將 LINE BRAIN 導入台灣市場。

至於推動進程,陳立人表示:會參考台灣其他新創開發工具與技術平台,上半年先將 AI 技術運用在 LINE 自身服務上,著重蒐集台灣用戶的反饋以提升使用者體驗;下半年開始尋覓技術夥伴,將鎖定系統整合業者或企業技術部門深度合作,以期貼合台灣使用者的需求,為 LINE BRAIN 找到最「貼地氣」的實現場景。期待最快 2020 年下半年即可在台開始試行。

LINE BRAIN 計畫主要聚焦在八大人工智慧領域,包含:自然語言處理、語音辨識、電腦視覺、OCR、臉部識別、影音處理、資料分析、語音合成。

八大AI領域 團隊成員包含各種專業人才

▲ 「LINE AiCall – DUET」是 LINE BRAIN 八大 AI 服務中的其中一項「語音合成(Voice)」,能識別客戶的話語,能幫助店家在業務繁忙時,即時回應客戶預約等需求。

在總部的 LINE AI 架構圖中,說明的即是 LINE BRAIN 的技術總覽,將八大領域連結 LINE 提供的服務,如下所示:

自然語言理解(NLU):

AI 人工智慧擁有理解人類語言的能力,應用在 LINE TODAY 的內容推薦、LINE 客服小幫手中的聊天機器人對話,與 LINE 購物相關搜尋等服務。

資料工程平台(Data):

應用在 LINE SPOT、LINE 旅遊、LINE MUSIC、廣告精準投放等。

光學字元辨識(OCR):

應用在建議貼圖與掃碼捷徑,也可讓用戶在 LINE 聊天視窗內選擇上傳照片至 LINE 伺服器進行分析處理,直接將圖片轉成文字。

語音辨識(Speech):

▲ Line 語音助理「Clova」也加入 AI 戰局,要跟美國的 Alexa、Google Assistant 一決高下。

如日本推出的 LINE 智慧喇叭 Clova WAVE、以造型可愛博得用戶青睞的 Clova Friend、Clova Friend Mini,都搭載了智慧語音助理 Clova。

  1. 凜冬將至,快來讓 AI 語音助理制定你的專屬抗寒對策吧!
  2. 人工智慧會讓 Siri 更加情緒化,更掀起 AI 平權運動了?

語音合成(Voice):

語音識別和語音合成,都應用在日本推出 AI 訂位技術服務「LINE AiCall」,能以極為自然的方式,跟來電訂位的顧客對話,並且已有日本餐廳引入展開AI電話訂位服務的實測了。

臉部辨識(Face):

今年在 LINE Developer Day 首次應用的的技術,例如透過視訊通話互動的「Face Play」新款遊戲。

  1. 來玩玩Google的視覺AI-讓人工智慧說出圖片中的物件是什麼吧
  2. 蒙娜麗莎對你眨眼說話?三星AI讓名畫活起來了
  3. 眼見不為憑——英劇《真相捕捉》詮釋AI換臉的威脅

影音處理(Video):

自動特寫影片人物的影片自動剪輯能力。如大會現場展示了一段 AI 辨識偶像團體演出影片的技術,透過臉部、骨架和動作模式,可以清楚區分出每個成員並自動剪出特寫畫面。

電腦視覺(Vision):

用於商品圖像搜尋、與聊天室可以使用的臉部AR:可以先辨識表情再轉換成對應熊大等虛擬角色的表情,而非只是把圖案貼在使用者臉上。

從即時通訊軟體到AI公司

「現在,LINE 已經是一家 AI 公司。」LINE 共同執行長慎重熩(Jungho Shin)揭示 LINE 的新定位。

從 2011 年問世開始,LINE 前幾年以擴大市場、搶攻用戶等一般通訊軟體的發展目標為主,但直到 2016 年開始轉而聚焦內容服務,以人工智慧技術為新的戰略目標,擁有每月 1.85 億活躍用戶群體和其資料數據的 LINE,在發展大數據技術上有得天獨厚的優勢,搭配AI優化各種與生活息息相關的服務和功能,可謂如虎添翼。

過去幾年,LINE 不斷招募大量 AI 人才,LINE 台灣也成立了自己的專業工程師團隊,成員包括資料工程師、資料分析師、自然語言處理工程師等等,目標是希望能夠發展出頂尖技術,挑戰全世界的市場。

你我生活中不可或缺的 LINE,和旗下越來越多的相關服務,都已經引入人工智慧,是勢不可擋的趨勢,這也代表了對相關從業人員的大量需求,不只 LINE,也有越來越多公司正擴大他們的 AI 版圖、建立台灣在地團隊。如果擁有相關專業技術,相信會是炙手可熱的人才喔。

你還在等什麼呢?改快跟著小編一起學習程式語言Python吧!

 

 

 

 

推薦文章:

個人化專屬人工智慧簡報教練,讓你上台報告不忘詞!

令人遺憾!人工智慧傳奇Nils Nilsson逝世,享年86歲!

人工智慧寫作能力勝過人類,文章新聞真假難辨!

一定得學Python的原因(上)投資報酬率相對高?

前端工程師怎麼用CSS 替 HTML”化妝”?

達內教育評價-故事背後事實的真相甚麼是這樣?!

程式課程選達內,美上市IT課程教育集團

從無到有 挑戰14小時取得Google證照

零基礎如何花 14 小時考取 GoogleAds 認證?五種 GoogleAds 廣告不藏私攻略

44歲媽咪順利轉職網頁設計師, 家庭事業都得意

2天考取Google Ads證照!新手廣告投放攻略

擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師

達克效應症候群特徵有哪些?達內教育分析給你聽!

達克效應症候群特徵有哪些?達內教育分析給你聽!
達克效應症候群特徵有哪些?達內教育分析給你聽!

今天達內教育要一一幫你分析達克效應症候群特徵有哪些哦!!

你在職場或是學校一定有遇過這種人!他們總是滿嘴大道理,把看起來再簡單不過的道理講得天花亂墜,真誠的跟你說:「能遇到我,你真的是太幸運了,我是你的貴人,跟著我說的做就對了!」

不,我絕對不是在說你老闆。我是在說那些病入膏肓的達克效應症候群患者!

▲ 達克效應患者如何一步步被自大毀滅?

在1999年,由兩位任職於康乃爾大學心理系的教授鄧寧(David Dunning)以及克魯格(Justin Kruger)發現了達克效應(D-K effect),並在2000年獲得了「搞笑諾貝爾奬」,這本來博君一笑的小實驗,卻在未來20年時時警示著我們。

這兩位英國心理學家到底是哪根筋不對?會想做這樣的實驗呢?

這要源自於1995年的一起令人啼笑皆非的銀行搶劫案。警察在搶案發生後一小時就根據監視錄影器將犯人抓捕到案,沒想到兩位嫌犯卻驚訝的大喊著:「我們已經塗上可以隱形的檸檬汁了啊?為什麼監視器還可以拍到我們?」真的與成語「掩耳盜鈴」的故事很像呢!英國的這兩位心理學家驚訝於這兩位嫌犯的愚蠢,也因為他們這樣的蠢行,他們倆決定試著著手測量「人類的愚蠢程度」,也就是達克效應的緣起。

想看更多關於達克效應的愚蠢故事嗎?來這裡看看吧!

如何測出人類自以為是的程度?

在得出達克效應這個實驗結果之前,兩位教授先分別測量受試者的「幽默感」、「文法」和「邏輯」,並且詢問他們認為自己會在這麼排名中位於前幾%。他們在受試結果中發現,最末端25%的受試者,最容易高估自己的排名結果,而排名前面的受試者反而低估了自己的能力。

根據實驗結果,鄧寧與克魯格教授提出了四點結論:

  • 與能力較佳者相比,能力不足者更有可能高估自己的水平
  • 能力不足者深受自我認知失調所苦,無論是對於自己或是他人的能力評估都會出現問題
  • 能力不足者比他人更難透過與他人比較,認知到自己的真實能力
  • 能力不足者可以透過自我的精進,調整對自我能力的認知並承認自己的無知

而克魯格教授更提出一個弔詭的理論,那就是一個人「工作表現好所需要的智商,與認知到自己需要精進的智商是一樣高的。」而這樣的假說點出了:需要精進自己的人總是意識不到自己的不足,而那些真正聰明的人卻持續的精進自己。想看更多如何破除自身達克效應的方法嗎?來看看這篇文章!

在2019的年末,除了忙著慶祝聖誕節與跨年,我們也要誠實的檢視自己一年的成果。不管你的2019是收穫滿滿,或是力不從心,都讓我們一起鼓勵自己的進步、正視自己的不足。在新的一年學習新的事物,讓自己的技能更跟得上時代的腳步吧!一起加入達內教育,你會發現未來有無限可能!

 

2020年,就由達內教育與你開創更美好的未來!

 

 

 

 

推薦文章:

保險業務主管不被惡評達內PTT誤導開啟自身Java工程師職涯!!

還只是在上網搜尋達內教育評價嗎? 別再誤信謠言了!! 直接親自試試吧!!

2018百度品牌數字資產榜揭曉,達內教育上榜

想成為前端工程師的第一課-CSS

Python萬事通教你輕鬆學AI-dir()及help()用法

搶救低薪大作戰,再不來上Java課程就來不及了!

美國NASDAQ上市公司、外商IT教育培訓企業

從無到有 挑戰14小時取得Google證照

零基礎如何花 14 小時考取 GoogleAds 認證?五種 GoogleAds 廣告不藏私攻略

擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師

2天考取Google Ads證照!新手廣告投放攻略

44歲媽咪順利轉職網頁設計師, 家庭事業都得意

Javascript初學者課程(11)-跳出及重新執行迴圈

Javascript初學者課程(11)-跳出及重新執行迴圈
Javascript初學者課程(11)-跳出及重新執行迴圈

本日的JavaScript教學就是要教你跳出及重新執行迴圈的應用哦!

你知道前端工程師常用的Break和continue是什麼意思嗎?一起來看看吧!

Break

break 敘述, 是用來「跳出」迴圈用的,繼續執行迴圈之後的 JavaScript 程式。

See the Pen JavaScript11-break by Tedutw (@Tedutw) on CodePen.

只要當 i 的值等於 7 時,即將會從該迴圈跳出。

Continue

至於在Javascript中的Continue 敘述,僅在迴圈內中斷程式的執行,在中斷後又重新執行迴圈,而不會跳出迴圈。

See the Pen JavaScript12-continue by Tedutw (@Tedutw) on CodePen.

 

 

 

 

推薦文章:

Javascript初學者課程(12)-使用者定義函式


Javascript初學者課程(1)-如何在網頁中嵌入?


Javascript初學者課程(2)-變數教學


Javascript初學者課程(3)-資料類型應用


讓人工智慧來幫你拍電影,不必再為選角傷腦筋!!


前端工程師的CSS課程-盒子模式(上)


Python基礎入門課(1)加減乘除四則運算


達內教育學員見證


2天考取Google Ads證照!新手廣告投放攻略


零基礎如何花 14 小時考取 GoogleAds 認證?五種 GoogleAds 廣告不藏私攻略


從無到有 挑戰14小時取得Google證照


擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師


44歲媽咪順利轉職網頁設計師, 家庭事業都得意

Javascript初學者課程(10)-兩種while迴圈

Javascript初學者課程(10)-兩種while迴圈
Javascript初學者課程(10)-兩種while迴圈

本日的JavaScript教學就是要教你正確應用兩種while迴圈哦!

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.

 

 

 

 

 

推薦文章:
Javascript初學者課程(11)-跳出及重新執行迴圈


Javascript初學者課程(1)-如何在網頁中嵌入?


Javascript初學者課程(2)-變數教學


人工智慧快取代掉你的工作了嗎?快為自己的未來做打算吧!!(一)


前端工程師必學課程:CSS的常見邊框屬性解釋


前端工程師往前進的基石,Class選擇器宣告法


零基礎如何花 14 小時考取 GoogleAds 認證?五種 GoogleAds 廣告不藏私攻略


鄰居們都驚呆了!我只上六個月Java課程就變成Java工程師了


44歲媽咪順利轉職網頁設計師, 家庭事業都得意


從無到有 挑戰14小時取得Google證照


2天考取Google Ads證照!新手廣告投放攻略


擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師

Javascript初學者課程(9)-for迴圈應用

Javascript初學者課程(9)-for迴圈應用
Javascript初學者課程(9)-for迴圈應用

本日的JavaScript教學就是要教你正確應用for迴圈哦!

迴圈

JavaScript 的「迴圈(Loops)」可以多次執行一組程式。一般來說,當前端工程師操作時,遇到有有多個值,需要重複執行同程式,用「迴圈(Loops)」非常方便。

JavaScript 有三種迴圈:forwhile 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.

 

 

 

 

推薦文章:
Javascript初學者課程(10)-兩種while迴圈


Javascript初學者課程(3)-資料類型應用


Javascript初學者課程(5)-賦值運算子應用


毛小孩照片超難修?靠Photoshop輕鬆就搞定!


擠進高薪科技大門-Java課程等你來瞭解!


連日本麻將好手都驚艷的人工智慧天鳳你挑戰過嗎?(1)


Java課程、UI課程、程式課程、網路行銷課程推薦


擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師


2天考取Google Ads證照!新手廣告投放攻略


44歲媽咪順利轉職網頁設計師, 家庭事業都得意


零基礎如何花 14 小時考取 GoogleAds 認證?五種 GoogleAds 廣告不藏私攻略


從無到有 挑戰14小時取得Google證照

Javascript初學者課程(8)-條件判斷式應用

Javascript初學者課程(8)-條件判斷式應用
Javascript初學者課程(8)-條件判斷式應用

本日的JavaScript教學就是要教你正確應用條件判斷式哦!

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.

 

 

 

 

 

 

推薦文章:
Javascript初學者課程(9)-for迴圈應用


Javascript初學者課程(1)-如何在網頁中嵌入?


Javascript初學者課程(2)-變數教學


網路行銷的7大心法3-社群行銷與CRO是不可或缺的!


電影迷工程師分得出片中的Python,Java嗎?(上)


前端工程師不可不會的CSS盒子模型!! (邊框留白篇)


你能分辨人工智慧製造的假新聞嗎?


2天考取Google Ads證照!新手廣告投放攻略


擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師


零基礎如何花 14 小時考取 GoogleAds 認證?五種 GoogleAds 廣告不藏私攻略


44歲媽咪順利轉職網頁設計師, 家庭事業都得意


從無到有 挑戰14小時取得Google證照

Javascript初學者課程(7)-條件式應用

Javascript初學者課程(7)-條件式應用
Javascript初學者課程(7)-條件式應用

本日的JavaScript教學就是要教你正確應用條件式哦!

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.

 

 

 

 

 

 

 

推薦文章:
Javascript初學者課程(8)-條件判斷式應用


Javascript初學者課程(1)-如何在網頁中嵌入?


Javascript初學者課程(2)-變數教學


還在困擾不知垃圾如何分類嗎?人工智慧資源回收機器人終於出現啦!


不能不會的Python基礎概念1-加減乘除四則運算練習


達內教育學員見證


身為前端工程師的你還分不清Div及Span標籤應用嗎? (上)


44歲媽咪順利轉職網頁設計師, 家庭事業都得意


從無到有 挑戰14小時取得Google證照


擺脫設備工程師血汗職涯, 零基礎的我成功轉職 Python 資料工程師


2天考取Google Ads證照!新手廣告投放攻略


零基礎如何花 14 小時考取 GoogleAds 認證?五種 GoogleAds 廣告不藏私攻略