跳到主要內容

生活必備咖啡因程式碼-店長Yui大小事

搜尋此網誌

JavaScript入門- break與continue

取得連結
Facebook
Twitter
Pinterest
以電子郵件傳送
其他應用程式

JavaScript入門技巧- break與continue

前端工程師使用break 敘述，是用來「跳出」迴圈用的，繼續執行迴圈之後的 JavaScript 程式。
Continue 敘述，是前端工程師在迴圈內中斷程式的執行，在中斷後又重新執行迴圈時，不會跳出迴圈的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.

相關文章:

JavaScript入門-while、do while迴圈

JavaScript入門-for 迴圈

JavaScript入門技巧

透過對的Java課程,讓你從茫然的畢業生中脫穎而出!

人人都能是工程師！台灣 IT 培訓中心推「找到工作再付學費」專案，要試試嗎？

達內教育開幕　培養台灣IT人才進入全球企業

還在為成為專業IT人煩惱?!選對Java課程讓你輕鬆到位!

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

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

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

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

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

前端工程師迴圈 break continue javascript JavaScript教學

取得連結
Facebook
Twitter
Pinterest
以電子郵件傳送
其他應用程式

留言

不接受新意見。

熱門文章

前端工程師必知:CSS標籤的應用(上)-Div篇

前進前端工程師必知的技巧!! 撰寫 HTML 網頁時，可以用 <div> 或 < span > 標籤包住多種圖文、表格等元素，則這些被包起來的元素就被視為一個區塊。 <div> 與 < span > 的用法很相似，都能將 HTML 的內容分為不同的區域。差別是被 < span > 標籤包起來的元素，被瀏覽器視為一行；而被 <div> 包起來的元素，則被視為一個區塊。 <div> 或 < span > 的元素沒有特定的含意，如果與 CSS 一同使用， <div> 可針對較大的區塊內容定義其樣式；<span> 則是為行內部分內容或細節設定樣式。前端工程師趕快學起來! 目錄 1. 概述 2. Div 與 Span 標籤概述 2-1. Div 標籤概述 2-2. Span 標籤概述 Div 這個標籤可以解釋為區塊，目的是將內容分為不同的區塊 (block)，而每一個 Div 區塊可以根據 CSS 中宣告的樣式而定義其外觀。用 DIV 標籤包起來 (格式大致上是這樣<div>...</div>) 的元素，會被瀏覽器會視為一塊物件。你可以用 div 將網頁內容的各元素 (圖、文、表格等等) 包起來，再針對各區塊，去做 CSS 的排板。Div 是一個區塊級容器 (block-level container)，這代表在<div>與</div> 標籤後會換行。如何將 CSS 樣式套用至 <div> 區塊? 通常前端工程師要讓 <div> 區塊都會加個「 class 選擇器」或是「 id 選擇器」來套用 CSS 樣式，其語法格式會是「 <div class="CSS 的 class 名稱">...</div> 」或是「 <div id="CSS 的 id 名稱">...</div> 」。「class 選擇器」以及「id 選擇器」的說明，請見此兩篇： < CSS 的 ID 選擇器宣告法

想要錢多事少離家近的工作,來達內教育幫你美夢成真

達內教育幫你學好程式 , 找到夢幻的工作 ! 如果你是一個初學者，初級開發人員，或者對這個行業很好奇，這篇文章就是為你準備的，在看完這篇文章在到到達內教育學習程式語言如 UI . Python 課程等程式語言，會幫助更大。如果你是一個成熟的開發者，你可能會在這裡找到一些有用的連結，因為我列出了最好的資源，能給你的技能提升帶來巨大好處。利用線上電腦課程 . 大多數免費工具或達內教育，你可以獲得一項有價值的技能，讓你在一個有回報、充滿挑戰的行業中工作。 2018 年，需要有技術素養的人的工作領域將會越來越多。這也是我第一次進入這個行業的原因。我想要控制自己的生活，並對自己從事什麼類型的工作有發言權。直到今天，我還在堅持自己的觀點：如果這是你的目標，這是一個最好的行業。重要提示：這篇文章看起來可能像是指導你一步一步成為開發者的指南，但如果你仔細觀察，這背後有一種你可以應用於任何領域學習的策略。為什麼要程式設計？在我們進入真正成為一名開發者的步驟之前，必須要先瞭解一下為什麼你要沿著這條路走下去。每一個需要你付出生命中重要時間的決定都應該是合理。畢竟，時間是我們擁有的最重要的資源： A 、你想要在這個行業中工作，在這個行業裡，對技能的需求很大，而且有很多機會成為食物鏈頂端的非常重要的角色。 B 、你喜歡獨立。你想要一種能讓你在世界上任何地方都能輕鬆找到工作的技能。如果你決定明天搬到冰島去，你想確保在找工作方面不會遇到麻煩。 C 、你已經注意到了 2003 年和 2018 年之間的區別，以及我們在短短 15 年裡取得的技術進步有多大。你想處於一個影響世界進程的行業的最前沿。 D 、過去幾年，最大的行業增長是在加密貨幣（比特幣）和人工智慧（機器學習）領域。我們不希望在這些事情在未來佔據主流的時候被拋在身後。你想要瞭解並且能夠掌握這些技能。 E 、你認為改變是好的，學習永無止境。那麼為什麼不做點新東西呢？但我沒有電腦科學學位，我甚至不知道互聯網是如何運作的！別擔心，我們會考慮到這一點的。繼續閱讀 …… 當你選擇一條新的職業道路時，這裡有一些不錯 / 必須的衡量指標： 1 、在接下來的 10 多年裡，它必須是有用的。這項技能在未來的許多年裡都應該被重視，來保證你的工作是安全的。

使用 Python 的 ''海龜''Turtle 繪圖模塊畫皮卡丘!!

Python也可以用來畫出皮卡丘,真是太可愛了!! 前陣子上映的名偵探皮卡丘劇照大家都想到前陣子上映的動畫電影「名偵探皮卡丘」票房成績不俗，賣座程度僅次於「復仇者聯盟-終局之戰」。雖然電影中的那隻皮卡丘是以「賤萌」的形式呈現，但也激起許多工程師小時候時看「神奇寶貝」中，那隻呆萌的皮卡丘的回憶。在大陸就有熱血的 Python 工程師使用 Python 的「海龜」 Turtle 繪圖模塊，畫起皮卡丘來，而且還畫得唯妙唯肖的！先看看以下的效果吧: 大陸網友文摘菌用 Python 來畫皮卡丘，畫得唯妙唯肖 (圖片來源：https://mp.weixin.qq.com) 步驟：先選好畫板大小、設置好畫筆顏色、粗細，再定位好位置後，開始畫鼻子、頭、耳朵、眼睛、嘴、身體、手腳、尾巴。 Python 的 Turtle graphics 模塊，中文直譯為「海龜繪圖」，是提供給兒童學習程式語言用的模組。想像螢幕上有一隻帶著畫筆的海龜在 X,Y 軸平面座標上，從座標 (0,0) 出發。你給牠下指令「turtle.forward(15)」，牠就會往前走 15 像素的距離，接者你下指令「turtle.right(25)」，牠就會朝向順時針 25 度的方向轉彎。不斷對著海龜重複著這類型的指令，海龜就能完成一幅圖畫。透過定位下指令移動畫筆位置的海龜繪圖(Turtle graphics)模塊上圖用 Python 繪製的皮卡丘，就是靠著不斷的指定座標，定位與方向而完成的。以下提供這個範例的部分 Python 程式碼以供參考： import turtle as t def infoPrt(): print('coordinate: ' + str(t.pos())) print('angle: ' + str(t.heading())) t.pensize(3) t.hideturtle() t.colormode(255) t.color("black") t.setup(700, 650) t.speed(10) t.st() #t.dot() t.pu() #t.goto(-150,100) t.goto(-210,86) t.pd() infoPrt()

技術提供：Blogger