JS入門篇(五):javascript多種判斷語句介紹(part2)

2020-12-11 大鵬學前端

本篇文章給大家繼續講解下js中的多種語句。今天主要說下以下4個語句。

(1)for in語句

for-in 語句是一種精準的迭代語句,可以用來枚舉對象的屬性。

使用語法:for (property in expression) statement

請看下面的例子。假設我們有一個數組,我們想要求數組內各元素的和,那麼我們可以這麼寫;

在這個例子中,我們使用 for-in 循環來循環獲取arr數組中的每個元素。每次執行循環時,都會將數組中的值添加到sum中。這個過程會一直持續到數組中的所有元素都被枚舉一遍為止。

(2)label語句

使用 label 語句可以在代碼中添加標籤,以便將來使用。

使用語法:label: statement

請看下面的例子。

這個例子中定義的 start 標籤可以在將來由 break 或 continue 語句引用。加標籤的語句一般都要與 for 語句等循環語句配合使用。

(3)break和continue語句

break 和 continue 語句用於在循環中精確地控制代碼的執行。其中,break 語句會立即退出循環,強制繼續執行循環後面的語句。而 continue 語句雖然也是立即退出循環,但退出循環後會從循環的頂

部繼續執行。

請看下面的例子:我們從1開始執行,如果i的值能整除5的話就跳出循環;

這個例子中的 for 循環會將變量 i 由 1 遞增至 10。在循環體內,有一個 if 語句檢查 i 的值是否可以被 5 整除(使用求模操作符)。如果是,則執行 break 語句退出循環。另一方面,變量 num 從 0 開

始,用於記錄循環執行的次數。在執行 break 語句之後,要執行的下一行代碼是 alert()函數,結果顯示 4。也就是說,在變量 i 等於 5 時,循環總共執行了 4 次;而 break 語句的執行,導致了循環在

num 再次遞增之前就退出了。

如果在這裡把 break 替換為 continue 的話,代碼就如下圖所示:

當變量 i 等於 5 時,循環會在 num 再次遞增之前退出,但接下來執行的是下一次循環,即 i 的值等於 6 的循環。於是,循環又繼續執行,直到 i 等於10 時自然結束。而 num 的最終值之所以是 8,是因為 continue 語句導致它少遞增了一次;

(4)with語句

with 語句的作用是將代碼的作用域設置到一個特定的對象中。

使用語法:with (expression) statement;

定義 with 語句的目的主要是為了簡化多次編寫同一個對象的工作,如下面的例子所示:

上面幾行代碼都包含 location 對象。如果使用 with 語句,可以把上面的代碼改寫成如下所示:

注意:由於大量使用 with 語句會導致性能下降,同時也會給調試代碼造成困難,因此在開發大型應用程式時,不建議使用 with 語句,大家這裡了解下即可。

(5)switch 語句

switch 語句與 if 語句的關係最為密切,而且也是在其他語言中普遍使用的一種流控制語句。

使用語法:

請看下面的例子:我們比如小明考試考了82分,我們這裡如果是得分0-60為不及格,61-80為一般,81-100為優秀,那麼小明的成績屬於什麼區間呢。

我們這裡顯然會彈出優秀彈窗。

每日金句:真正的堅韌,應該是哭的時候要徹底,笑的時候要開懷,說的時候要淋漓盡致,做的時候要毫不猶豫。喜歡我的文章的小夥伴記得關注一下哦,每天將為你更新最新知識。

相關焦點

  • 七天學會javascript第一天javascript介紹
    前幾周寫了幾篇關於入門php的文章,反響還不錯,之前簡單的提到了JavaScript,這周小編重點介紹JavaScript讓大家可以在一周時間內掌握這門前端語言的基本用法。javascript介紹javascript數據類型javascript運算符javascript對象javascript
  • JavaScript入門教程
    起源javascript前身叫做livescript,sun公司推出java,netspace公司引進java的概念,重新設計livescript,並更名javascript。發明者,布蘭登.艾克,表單驗證原先要經過伺服器,伺服器壓力大,等待時間長,js僅在客戶端就可完成。是什麼是一種腳本語言,是一種輕量級的程式語言。
  • javascript流程語句
    "num1:" + num1 + ",num2: " +num2);</script>效果如下以上就是順序結構,依次執行語句選擇結構 在處理實際問題時,只有順序結構是不夠的,經常會遇到一些條件的判斷流程根據條件是否成立有不同的流向例如,第1個程序根據給定的條件1是否成立而選擇執行A操作或
  • 教你幾招,輕鬆搞定javascript的條件判斷語句
    從這刻開始,咱們開始進入javascript的編程殿堂—條件語句,怎麼樣,很期待吧,下面,就讓我們一起開始吧!我們先來認識一下什麼是javascript的條件語句:javascript條件語句通常包括兩種:一是咱們經常要用到的if…else語句,一種是不常用的switch…case語句;其作用是判斷當一個條件滿足需求時執行什麼語句,不滿足的時候執行什麼語句。
  • 12 個 GitHub 上超火的 JavaScript 奇技淫巧項目,找到寫 JavaScript 的靈感!
    還想學更多的 經典 js 代碼片段,請看下面的倉庫https://github.com/30-seconds/30-seconds-of-code2. 33-js-conceptshttps://github.com/leonardomso/33-js-concepts3. javascript-questions
  • 3.1.1 JavaScript簡單if語句的使用
    if語句是最基本、最常用的條件判斷語句,通過判斷條件表達式的值來決定是否執行某一段語句,或者選擇執行哪一段語句。在實際編程中,if語句有多種寫法。簡單if語句的語法格式如下:if(表達式){語句組}參數:1)表達式:必選項,用於指定條件表達式。2)語句組:用於指定要執行的語句序列,可以是一條或多條語句。
  • 3.2.2 JavaScript中do-while循環語句的使用
    JavaScript中的do-while循環語句也稱為後測試循環語句,它先執行一次,然後再測試循環條件是否成立,如果成立則循環,如果不成立則結束循環。其語法格式如下:do{語句組} while(表達式);參數說明:1)語句組:用來指定需要重複執行的語句,即循環體,可以是一條或多條語句。
  • JavaScript 條件語句if、switch-初級web前端工程師必學
    條件語句默認情況下,javascript解釋器依照語句的編寫順序依次執行。而javascript中的很多語句可以改變語句的默認執行順序。本文介紹可以改變語句默認執行順序的條件語句、循環語句和跳轉語句腳本的威力體現在它們可以根據人們給出的各種條件做出決策,javascript使用條件語句來做判斷,條件語句(conditianal statement)通過判斷表達式的值來決定執行還是跳過某些語句,包括if語句和switch語句if語句
  • 3.1.2 JavaScript中if-else語句的使用
    2)語句組1:用於指定要執行的語句序列,可以是一條或多條語句。當表達式的值為true時,執行該語句組。3)語句組2:用於指定要執行的語句序列,可以是一條或多條語句。當表達式的值為false時,執行該語句組。
  • 3.2.3 JavaScript中for循環語句的使用
    2)條件表達式:作為循環條件,一個包含比較運算符的表達式,用來限定循環變量的邊限。如果循環變量的值超出了該邊限,則停止該循環語句的執行。3)迭代語句:用來改變循環變量的值,從而控制循環的次數,通常是對循環變量的值進行變大或變小的操作。
  • JavaScript 測試教程 part 1:用 Jest 進行單元測試[每日前端夜話0xE7]
    JavaScript測試教程-part 1:用 Jest 進行單元測試2. JavaScript測試教程–part 2:引入 Enzyme 並測試 React 組件3. JavaScript測試教程–part 3:測試 props,掛載函數和快照測試4.
  • 3.2.1 JavaScript中while循環語句的使用
    JavaScript中的while循環語句也稱為前測試循環語句,它先測試循環條件是否成立,如果成立則循環,如果不成立則不循環。2)語句組:用來指定需要重複執行的語句,即循環體,可以是一條或多條語句。運作說明:首先判斷表達式的值是否為true,即判斷循環條件是否成立。
  • 第三篇:JavaScript語句流程控制
    ,num2));}add函數體內的語句就是順序結構,函數從第一條語句開始執行,按順序執行,直至最後一條語句。else {代碼段n;}多重條件結構是從上到下逐個對條件進行判斷,一旦發現條件滿足就執行與該條件相關的語句,並跳過其他的條件判斷;若沒有一個條件滿足,則執行最後一個else後的語句塊;如果沒有最後的else語句,則不執行任何操作,執行該結構後面的語句。
  • 初識javascript,JS的歷史_騰訊新聞
    2.從廣義的角度來看,是指符合現代時代(如∶移動、媒體...)的移動客戶端應用程式。 3.從技術的角度來看其實就是指: HTML5個 + CSS3個 +JavaScript個技術所開發的移動客戶端應用程式。
  • 第一篇:JavaScript基本語法
    例如:Node.js就可以讓JavaScript運行在服務端,使用JavaScript技術構建WEB伺服器。為便於描述,JavaScript也稱為JS,後面內容的JavaScript和JS都是指JavaScript腳本語言。
  • Vue.js 很難學?看看這個由 DCloud 與 Vue 官方合作推出的免費入門...
    介紹現在馬上是2020年的下半年的開端,大前端發展迅猛,前所未有的繁榮,但還有很多前端開發者,特別是非一線城市的開發者還在使用 jQuery/zepto 來開發web頁面。這套在線觀看的免費入門視頻教程就是給你們準備的。Vue.js 是目前國內很火的前端框架,前端工程師招聘幾乎都要求掌握。如果你想開始嘗試學習 Vue.js,在 Vue.js 官網閱讀文檔教程又比較吃力,這套視頻教程基於Vue.js 官網文檔,用更加通俗易懂的方式和代碼實例來幫助你入門 Vue.js 。
  • jquery與js的區別是什麼?js與jquery的用法區別介紹
    在學習js的時候我們肯定能夠接觸到jquery,那麼,js與jquery之間有什麼區別呢?本篇文章將給大家來分享關於jquery與js之間的區別比較,有需要的小夥伴可以參考一下,希望能夠幫助到你們。我們來簡單看一下jquery與js的概念。js是一種腳本語言,常用於網頁客戶端編程,使網頁在客戶端瀏覽器中,實現更多地動態功能,表現出更加豐富的視覺效果。jquery是一個快速、簡潔的JavaScript框架,極大的簡化了javascript編程。
  • 每日一課 | JavaScript基礎
    使用<script></script>標籤: 2    屬性: 3    charset(可選)字符集設置、 4    defer(可選執行順序)值:defer、 5    language(已廢除)、 6    src(可選)使用外部的js腳本文件 7    type(必選)類型:值:text/javascript 8
  • Python爬蟲基礎:常用HTML標籤和Javascript入門
    例如,和網頁在同一個文件夾中的myfunctions.js內容如下:function modify(){    document.getElementById("test").innerHTML="動態內容";}在下面的頁面文件中,把外部文件myfunctions.js導入,然後調用了其中的函數:<html>
  • Node.JS快速入門
    >在命令提示符下輸入命令node -v會顯示當前node的版本號2.快速入門2.1 控制臺輸出我們現在做個最簡單的小例子,演示如何在控制臺輸出,在e盤創建文件夾nodedemo ,創建文本文件demo1.js,代碼內容我們在命令提示符下輸入命令node demo1.js ,結果如下:2.2 使用函數我們剛才的例子非常簡單,咱們這裡再看一下函數的使用:我們在命令提示符下輸入命令