JavaScript 條件語句if、switch-初級web前端工程師必學

2020-12-14 都AI技術

條件語句

默認情況下,javascript解釋器依照語句的編寫順序依次執行。而javascript中的很多語句可以改變語句的默認執行順序。本文介紹可以改變語句默認執行順序的條件語句、循環語句和跳轉語句

腳本的威力體現在它們可以根據人們給出的各種條件做出決策,javascript使用條件語句來做判斷,條件語句(conditianal statement)通過判斷表達式的值來決定執行還是跳過某些語句,包括if語句和switch語句

if語句

if/else 語句在指定的條件為 true 時,執行代碼塊。如果條件為 false,會執行另外一個代碼塊。

if/else 語句是 JavaScript 條件語句的一部分, 條件語句用於基於不同的條件來執行不同的動作。

在 JavaScript 中,我們可使用以下條件語句:

if 語句 - 只有當指定條件為 true 時,使用該語句來執行代碼。else 語句 如果 if 語句的條件為false,則執行該代碼塊else if 語句 - 檢測一個新的條件,如果第一個條件為falseswitch 語句 - 選擇多個代碼塊中其中一個執行示例:如果當前時間(小時)小於 20:00, 在 id="demo" 元素上輸出 "Good day" :

let time = new Date().getHours();if (time < 20) {document.getElementById("demo").innerHTML = "Good day";}

switch語句

switch 語句用於基於不同的條件來執行不同的動作,語句中的每一種情形(case)的含義是:如果表達式等於這個值(value),則執行後面的語句(statement)。而break關鍵字會導致代碼流跳出switch語句。如果省略break關鍵之,就會導致執行完當前case後,繼續執行下一個case。最後的default關鍵字則用於在表達式不匹配前面任何一種情形的時候,執行激動代碼。

let expression=1switch(expression){case 1: console.log(expression); break; case 2: console.log(expression); break; default: console.log("沒有數字");}

相關焦點

  • javascript流程語句
    "num1:" + num1 + ",num2: " +num2);</script>效果如下以上就是順序結構,依次執行語句選擇結構 在處理實際問題時,只有順序結構是不夠的,經常會遇到一些條件的判斷流程根據條件是否成立有不同的流向例如,第1個程序根據給定的條件1是否成立而選擇執行A操作或
  • web前端怎麼樣才能入門
    web前端怎麼樣才能入門,首先我們要從什麼是初級web前端工程師說起:按照我的想法,我把前端工程師分為了入門、初級、中級、高級這四個級別:入門級別指的是了解什麼是前端(前端到底是什麼其實很多人還是不清楚的
  • Web前端第三季(JavaScript)
    先分享一個JavaEE交流群:175158287本課程是Web前端的第三季
  • 3.1.5 JavaScript中switch語句的使用
    而switch語句是典型的多路分支(多路選擇)語句,其作用與if-else-if語句基本相同,但switch語句比if-else-if語句更具有可讀性,它可以根據一個表達式的值在給定的多個選擇中選擇一個符合條件的分支來執行。而且switch語句允許在找不到一個匹配條件的情況下能執行默認的一個分支。
  • 教你幾招,輕鬆搞定javascript的條件判斷語句
    從這刻開始,咱們開始進入javascript的編程殿堂—條件語句,怎麼樣,很期待吧,下面,就讓我們一起開始吧!我們先來認識一下什麼是javascript的條件語句:javascript條件語句通常包括兩種:一是咱們經常要用到的if…else語句,一種是不常用的switch…case語句;其作用是判斷當一個條件滿足需求時執行什麼語句,不滿足的時候執行什麼語句。
  • web前端開發工程師的三種級別
    隨著信息技術不斷發展,前端技術的發展也經歷了不同的階段。前端概念隨著移動智慧型手機的普及被正式提出,混合APP開始被廣泛開發。近年來,由於前端技術開始實現工程化,一些企業前端開發任務逐漸向後端拓展,邏輯思維能力也逐漸成為前端開發人員必備的能力。
  • 一個Web前端工程師或程式設計師的發展方向,未來困境及窮途末路
    如果你剛好是一個Web前端工程師,或者你將要從事web前端工作。你應該和我有同樣的感慨,web前端技術到了自己的天花板,前端工作我能做多少年?3年或5年?自己的職業規劃應該怎麼樣?收入為什麼沒有增長?前端工作做久了感覺有點乏味?等等的問題曾經從心頭一閃而過。
  • 崗位要求:初級web工程師需要掌握哪些技能?
    很多開發者把web工程師與全棧工程師混合一起,全棧工程師包括web工程師。web工程師主要是前端與後端開發為主,以及設計程序與測試、部署web應用,所以web工程師除了學習前端基礎編程,還有學習主要程式語言。
  • 模擬男程式設計師的約會時間表,深度理解if語句與switch語句的差異
    利用javascript程式語言,模擬戀愛中男程式設計師的約會時間表,深度理解if語句與switch語句的差異。在javascript編程中,流程制語句if與switch,是兩個非常重要的編程語句,也是有著密切關係的編程語句。
  • 成為Web前端全棧工程師,工資竟然這麼高!
    近幾年來網際網路的不斷發展,web前端開發不斷被企業看重,很多企業是需要用到這門技術開發的,但同時,現在的企業更希望能夠招聘到既能夠完成前端開發,又對後端具備一定程度了解的全棧工程師。由於全棧工程師目前市場上相對較少,企業招不到人,所以就出現薪資一路上漲情況,使得相關崗位平均薪資一直處在高位!
  • 為什麼2017年Web前端開發工程師薪資越來越高?
    從廣義上來講,所有用戶終端產品與視覺和交互有關的部分,都是前端工程師的專業領域。整個網際網路行業都缺前端工程師的原因?事實上,前端工程師在做的是:1、在設計師和工程師之間創建可視化的語言;2、根據設計稿定義一組代表內容、品牌和功能的組件;3、為Web應用程式的框架、需求、可視化的語言和規格設定基準;4、根據設備、瀏覽器、屏幕、動畫來劃分web應用的工作劃分;5、用QA基準來保證指南來確保品牌忠誠度、代碼質量、產品標準;
  • 零基礎轉行Web前端需要如何去學才更高效
    JavaScript的學習內容包括執行js進程的瀏覽器、js變量、數據類型、運算符、流控語句(if else、三元表達式、switch)、循環(for、while、do while)、數組、冒泡排序、函數、作用域、預解析、對象、內置對象、簡單類型、複雜類型等。只有熟悉了JavaScript的基本語法,才能繼續學習前端開發技術。
  • Web前端是做什麼的?
    Web前端開發工程師是一個相對較新的行業,在國內外真正開始受到關注不到5年。Web前端的發展是從網頁製作演變而來的,其名稱具有明顯的時代特徵。網際網路的演化過程中,網頁製作是Web1.0時代的產物,當網站的主要內容是靜態的時候,用戶使用網站的行為多數也只是瀏覽。
  • 【崗位解讀】(48)——網頁(WEB)前端開發工程師
    崗位解讀Web前端開發技術包括三個要素:HTML、CSS和JavaScript,但隨著RIA的流行和普及,Flash/Flex、Silverlight、XML和伺服器端語言也是前端開發工程師應該掌握的。隨著時代的發展,前端開發技術的三要素也演變成為現今的:html5,css3,jquery。
  • 編程入門第六課,交換語句(switch,case)
    介紹1.1 介紹上一課我們學會了循環語句(for,while)的編程技巧,這使得我們可以開發比較複雜的程序了。今天福哥會給童鞋們講講交換語句(switch,case)的使用方法,交換語句適合對一個變量的值等於不同內容的時候進行不同處理的情況。
  • IT行業Web前端開發技術書籍推薦
    但IT行業不是用計算機三個字就能簡單概括的,僅僅從職位角度看,IT行業就有算法工程師、嵌入式工程師、移動應用開發工程師、前端、伺服器開發工程師、遊戲開發工程師、PC桌面應用開發、系統運維工程師、網絡安全工程師、AI工程師、數據工程師等。以至於很多人在進行技術學習時無從下手,為了讓大家更好的認識和了解IT行業,九州連線就Web前端開發技術整理出一份閱讀清單。
  • Web前端工程師就業薪資有多少?新人能月入過萬嗎?
    根據網上統計數據,上海Web前端開發工程師這一職位的月平均收入為1.5萬元,工作經驗達到3年的web前端工程師甚至達到3萬元。而且Web前端工程師一般工作1年左右,年薪一般就都能有15W,工作5年以上的通常能成為網際網路公司技術總監或產品經理,年薪達到25W左右。我們先用三個數據了解一下。
  • 最新web前端學習路線
    隨著網際網路的深入發展,前端開發工程師已成為市場上極具競爭力的人才。許多學生,包括以前的UI,java,或完全零基礎,想學習的前端。
  • 前端新手教程!如何快速入門web前端
    所以這篇文章我想分享一些初學者應該怎麼學web,怎麼入門的個人經驗。心態和個人的一些學習方法先說心態問題,經常看到網上很多說前端容易,所以想來學習的。其實,目前隨著前後端分離,前端也逐漸趨向工程化,並不是嵌套在後端項目中寫寫htmlcss就可以的了,需要學習的東西也越來越多。
  • 從零開始學習web前端技術路線圖
    ,而是要你認真想好,結合自身的環境、條件。SASS中文網(https://www.sasscss.com/):成熟、穩定、強大的 CSS 擴展語言解析器,它可以讓你使用變量,條件語句等書寫 CSS。Stylus官網(https://stylus.bootcss.com/):同樣是 CSS 預編譯器,但它省去了一些符號,讓 CSS 寫起來更加的簡潔,清爽。