【Web】0基礎學Web—js運算符、選擇結構、循環結構

0基礎學Web—js運算符、選擇結構、循環結構

  • js運算符
  • 選擇結構
  • 循環結構

js運算符

算術運算符: + - * / %取余
賦值運算符: = += -= *= /= %=
單目運算符: i++ ++i --i i–
單獨使用是自增1 或 自減1
如果被使用,先看到啥先操作啥
比較運算符: > 、 >=、 < 、 <=、 == 、!= 、 === 、!==
邏輯運算符: && 、 ||、 !
位運算符: &(位與) |(位或) ^(異或) ~(位非)
位移運算符: >> <<
三元表達式:res=條件? val1: val2

<script>
let a = 10, b = 3
console.log(a % b)  //1
console.log(parseInt(a / b))
a += 10  //a=a+10
console.log(a)
//單目運算符
let i = 10
i++   //單獨使用自增1
console.log(i) //11
++i   //單獨使用自增1
console.log(i) //12
/*等價與console.log(i)i++
*/
console.log(i++) //12
console.log(i) //13
/*等價與++iconsole.log(i)
*/
console.log(++i) //14
console.log(i) //14
/*let j=ii--
*/
let j = i--
console.log(j) //14
console.log(i) //13
//比較運算符
//==只比較內容
console.log(1 == '1')  //tru
console.log(1 == true)  //tr
// ===比較的是類型和內容
console.log(1 === '1')  //fa
console.log(1 === true)  //f
console.log(1 != '1')  //fal
console.log(1 !== '1')  //tr
//位移運算符 
console.log(2 << 3)  //16=2*
console.log(8 >> 2)  //2=8/(
//三元表達式
// let score = prompt('請輸
// let res = score >= 90 ? '
// console.log(res)
// aa  bb   cc 最大值
let aa = 5, bb = 18, cc = 9
let ss = (aa > bb ? aa : bb)
console.log(ss)
x0 = 10
// x0--
// console.log(x0)  // 9
// --x0
// console.log(x0)  // 9
console.log(x0--) // 10
console.log(x0)  // 9
console.log(--x0)  // 8
</script>

選擇結構

js分支:
if(條件){}else{}
if(條件){}
else if(條件){}
else if(條件){}
else{}
switch(值){
case 情況1:
執行體
break
case 情況2:
執行體
break
case 情況3:
case 情況4:
執行體
break
default: 其他情況
}

<script>
let score = 56
if (score >= 90) {console.log('ipad')
} else {console.log('懲罰寫代碼')
}
//多重if,適用于區間類
if (score >= 90) {console.log('優秀')
} else if (score >= 80) {console.log('良好')
} else if (score >= 70) {console.log('一般')
} else if (score >= 60) {console.log('及格')
} else {console.log('差')
}
//switch  適用于等值條件
let year = 2024
let month = 7
let day
switch (month) {case 1:case 3:case 5:case 7:case 8:case 10:case 12:day = 31break   //跳出switchcase 4:case 6:case 9:case 11:day = 30break  //跳出switchdefault:if (year % 4 == 0 && year % 100 != 0 || year % 400 == 0) {day = 29} else {day = 28}
}
console.log(day)
</script>

循環結構

for(let i=0;i<5;i++){}:適用于循環次數固定的情況
while(i<5){}: 先判斷后執行,可能一次也不執行
do{} while(i<5): 先執行后判斷,至少執行一次

<script>
let sum=0for(let i=1;i<=100;i++){sum+=i}console.log(sum)let sum1=1for(let i=1;i<=100;i++){sum1*=2}console.log(sum1)//連續錄入學生成績,錄入q結束let score;do{score=prompt('請錄入成績:')if(!isNaN(score)){console.log(score*1)}} while(score!='q')
</script>

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/web/63225.shtml
繁體地址,請注明出處:http://hk.pswp.cn/web/63225.shtml
英文地址,請注明出處:http://en.pswp.cn/web/63225.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

系列3:基于Centos-8.6 Kubernetes使用nfs掛載pod的應用日志文件

每日禪語 古代&#xff0c;一位官員被革職遣返&#xff0c;心中苦悶無處排解&#xff0c;便來到一位禪師的法堂。禪師靜靜地聽完了此人的傾訴&#xff0c;將他帶入自己的禪房之中。禪師指著桌上的一瓶水&#xff0c;微笑著對官員說&#xff1a;?“你看這瓶水&#xff0c;它已經…

tkdiff安裝:Linux下文本對比工具

tkdiff在Linux下源碼安裝 1.下載解壓2.編譯安裝3.配置環境變量4.驗證及運行 本文&#xff0c;在Linux下使用源碼安裝tkdiff工具&#xff0c;以tkdiff-4.2版本為例&#xff0c;其他版本根據需要替換即可。 1.下載解壓 去 http://sourceforge.net/projects/tkdiff/files/tkdiff…

耐蝕鎳基合金的焊接技術與質量控制

耐蝕鎳基合金是一類在腐蝕環境中具有優異性能的合金材料&#xff0c;廣泛應用于化工、海洋工程、石油天然氣等領域。其焊接技術與質量控制對于確保合金的使用性能和安全性至關重要。以下是對耐蝕鎳基合金焊接技術與質量控制的詳細探討。 一、焊接技術 焊條選擇 耐蝕鎳基合金的焊…

Django REST framework(DRF)在處理不同請求方法時的完整流程

文章目錄 一、POST 請求創建對象的流程二、GET 請求獲取對象列表的流程三、GET 請求獲取單個對象的流程四、PUT/PATCH 請求更新對象的流程五、自定義方法的流程自定義 GET 方法自定義 POST 方法 一、POST 請求創建對象的流程 請求到達視圖層 方法調用&#xff1a; dispatch說明…

機器視覺與OpenCV--01篇

計算機眼中的圖像 像素 像素是圖像的基本單位&#xff0c;每個像素存儲著圖像的顏色、亮度或者其他特征&#xff0c;一張圖片就是由若干個像素組成的。 RGB 在計算機中&#xff0c;RGB三種顏色被稱為RGB三通道&#xff0c;且每個通道的取值都是0到255之間。 計算機中圖像的…

qemu源碼解析【03】qom實例

目錄 qemu源碼解析【03】qom實例arm_sbcon_i2c實例 qemu源碼解析【03】qom實例 arm_sbcon_i2c實例 以hw/i2c/arm_sbcon_i2c.c代碼為例&#xff0c;這個實例很簡單&#xff0c;只用100行左右的代碼&#xff0c;調用qemu系統接口實現了一個i2c硬件模擬先看include/hw/i2c/arm_s…

小程序自定義tab-bar,踩坑記錄

從官方下載代碼 https://developers.weixin.qq.com/miniprogram/dev/framework/ability/custom-tabbar.html 1、把custom-tab-bar 文件放置 pages同級 修改下 custom-tab-bar 下的 JS文件 Component({data: {selected: 0,color: "#7A7E83",selectedColor: "#3…

操作系統(14)請求分頁

前言 操作系統中的請求分頁&#xff0c;也稱為頁式虛擬存儲管理&#xff0c;是建立在基本分頁基礎上&#xff0c;為了支持虛擬存儲器功能而增加了請求調頁功能和頁面置換功能的一種內存管理技術。 一、基本概念 分頁&#xff1a;將進程的邏輯地址空間分成若干個大小相等的頁&am…

git企業開發的相關理論(一)

目錄 一.初識git 二.git的安裝 三.初始化/創建本地倉庫 四.配置用戶設置/配置本地倉庫 五.認識工作區、暫存區、版本庫 六.添加文件__場景一 七.查看 .git 文件/添加到本地倉庫后.git中發生的變化 1.執行git add后的變化 index文件&#xff08;暫存區&#xff09; log…

wxpython圖形用戶界面編程

wxpython圖形用戶界面編程 一、wxpython的基礎 1.1 wxpython的基礎 作為圖形用戶界面開發工具包 wxPython&#xff0c;主要提供了如下 GUI 內容&#xff1a; 窗口。控件。事件處理。布局管理。 1.2 wxpython的類層次機構 1.3 wxpython的安裝 Windows 和 macOS 平臺安裝&a…

水仙花數(流程圖,NS流程圖)

題目&#xff1a;打印出所有的100-999之間的"水仙花數"&#xff0c;并畫出流程圖和NS流程圖。所謂"水仙花數"是指一個三位數&#xff0c;其各位數字立方和等于該數本身。例如&#xff1a;153是一個"水仙花數"&#xff0c;因為1531的三次方&#…

不配置python環境,直接用PyCharm就可以?

有的伙伴可能遇到不安裝python環境只安裝pycharm也可以進行運行代碼。 所以自認為是不需要解釋器就可以運行&#xff1f; 這個是不現實的&#xff0c;有很多伙伴可能是安裝了Pycharm&#xff0c;但Pycharm看你電腦上沒有解釋器&#xff0c;所以在安裝的時候給你默認安裝在C盤…

網絡安全滲透測試概論

滲透測試&#xff0c;也稱為滲透攻擊測試是一種通過模擬惡意攻擊者的手段來評估計算機系統、網絡或應用程序安全性的方法。 目的 旨在主動發現系統中可能存在的安全漏洞、脆弱點以及潛在風險&#xff0c;以便在被真正的惡意攻擊者利用之前&#xff0c;及時進行修復和加固&…

爬蟲數據能用于商業嗎?

在當今數字化時代&#xff0c;數據已成為企業獲取競爭優勢的關鍵資源。網絡爬蟲作為一種數據收集工具&#xff0c;能夠從互聯網上抓取大量數據&#xff0c;這些數據在商業分析中扮演著重要角色。然而&#xff0c;使用爬蟲技術獲取的數據是否合法、能否用于商業分析&#xff0c;…

前端面試匯總(不定時更新)

目錄 HTML & CSS1. XML、HTML、XHTML 有什么區別&#xff1f;?2. XML和JSON的區別&#xff1f;3. 是否了解W3C的規范&#xff1f;?4. 什么是語義化標簽&#xff1f;??5. 行內元素和塊級元素的區別&#xff1f;?6. 行內元素和塊級元素的轉換&#xff1f;?7. 常用的塊級…

SpringCloud微服務實戰系列:03spring-cloud-gateway業務網關灰度發布

目錄 spring-cloud-gateway 和zuul spring webflux 和 spring mvc spring-cloud-gateway 的兩種模式 spring-cloud-gateway server 模式下配置說明 grayLb://system-server 灰度發布代碼實現 spring-cloud-gateway 和zuul zuul 是spring全家桶的第一代網關組件&#x…

QT3學習之進階理解信號和槽:如何自定義一個類信號,供其它類調用槽函數

下面是QWidget源碼&#xff0c;定義了兩個事件 /*!This event handler can be reimplemented in a subclass to receivewidget enter events.An event is sent to the widget when the mouse cursor enters thewidget.\sa leaveEvent(), mouseMoveEvent(), event() */void QWi…

GaLore和Q-GaLore:一種記憶高效的預訓練和微調策略,用于大型語言模型(LLMs)

GaLore和Q-GaLore&#xff1a;一種記憶高效的預訓練和微調策略&#xff0c;用于大型語言模型&#xff08;LLMs&#xff09; GaLore和Q-GaLore的設計背景、工作原理及其優勢 設計背景 隨著大型語言模型&#xff08;LLMs&#xff09;的發展&#xff0c;模型的規模和復雜性不斷…

【網絡云計算】2024第51周-每日【2024/12/17】小測-理論-解析

文章目錄 1. 計算機網絡有哪些分類2. 計算機網絡中協議與標準的區別3. 計算機網絡拓撲有哪些結構4. 常用的網絡設備有哪些&#xff0c;分屬于OSI的哪一層5. IEEE802局域網標準有哪些 【網絡云計算】2024第51周-每日【2024/12/17】小測-理論-解析 1. 計算機網絡有哪些分類 計算…

ActiveMQ 反序列化漏洞CVE-2015-5254復現

文章目錄 一、產生原因二、利用條件三、利用過程四、PoC&#xff08;概念驗證&#xff09;五、poc環境驗證使用find搜索vulhub已安裝目錄打開activeMQ組件查看配置文件端口啟動鏡像-文件配置好后對于Docker 鏡像下載問題及解決辦法設置好鏡像源地址&#xff0c;進行重啟docker查…