七天學完JavaScript(day02)
目錄
- 運算子
- 陳述句
- 銀行提款機代碼原始碼
一.運算子
? 算術運算子
? 賦值運算子
? 一元運算子
? 比較運算子
? 邏輯運算子
? 運算子優先級
1.1 算術運算子
+：求和
-：求差
*：求積
/：求商
%：取模（取余數）
%開發中經常作為某個數字是否被整除
優先級
乘、除、取余優先級相同
加、減優先級相同
乘、除、取余優先級大于加、減
使用 () 可以提升優先級
總結： 先乘除后加減，有括號先算括號里面的
練手
計算圓的面積
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
// 準備一個彈窗,接收輸入的半徑
let r = prompt('請輸入圓的半徑:')
// 計算圓的面積
let result = 3.14 * r * r
// 顯示到瀏覽器上
document.write(`圓的面積是:${result}`)
</script>
</body>
</html>
顯示結果
賦值運算子
常見賦值運算子：= 將等號右邊的值賦予給左邊, 要求左邊必須是一個容器
其他賦值運算子：
+=(num=num+1可以簡寫成num+=1)
-=
*=
/=
%=
一元運算子
根據所需運算式的個數，分為一元運算子、二元運算子、三元運算子.
二元運算子：
例：
一元運算子：
例： 正負號
自增自減
拿自增舉例,自減同理
兩個單獨使用,都是每執行一次,變數值+1
但是參與運算有區別
前置自增：先自加再使用（記憶口訣：++在前 先加）
后置自增：先使用再自加（記憶口訣：++在后 后加）
比較運算子
注意:
1.字串比較，是比較的字符對應的ASCII碼
2.NaN不等于任何值，包括它本身
3.盡量不要比較小數，因為小數有精度問題
4.不同型別之間比較會發生隱式轉換
邏輯運算子：
邏輯運算子里的短路
原因：通過左邊能得到整個式子的結果，因此沒必要再判斷右邊
運算結果：無論 && 還是 || ，運算結果都是最后被執行的運算式值，一般用在變數賦值
代碼例子:判斷一個數是4的倍數，且不是100的倍數
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
let num = prompt('輸入一個數')
console.log(num %4 === 0 && num % 100 !== 0)
</script>
</body>
</html>
運算子優先級
二.陳述句
? 分支陳述句
? 回圈陳述句
程式三大流程控制陳述句
寫幾句就從上往下執行幾句，這種叫順序結構
有的時候要根據條件選擇執行代碼，這種就叫分支結構
某段代碼被重復執行，就叫回圈結構
分支陳述句
If分支陳述句
三元運算子
switch 陳述句
if陳述句有三種使用：單分支、雙分支、多分支
單分支
if(條件){
滿足條件要執行的代碼
}
雙分支
if(條件){
滿足條件要執行的代碼
}else{
不滿足條件執行的代碼
}
多分支
if(條件1){
滿足條件要執行的代碼1
}else if(條件2){
代碼2
}else if(條件2){
代碼3
}
// 可以繼續寫多個
else{
代碼
}
三元運算
一般用來取值
switch陳述句
釋義：
找到跟小括號里資料全等的case值，并執行里面對應的代碼
若沒有全等 === 的則執行default里的代碼
例：資料若跟值2全等，則執行代碼2
注意:
- switch case陳述句一般用于等值判斷,不適合于區間判斷
- switch case一般需要配合break關鍵字使用 ,沒有break會造成case穿透
回圈陳述句:
講一下斷點除錯:
作用：學習時可以幫助更好的理解代碼運行，作業時可以更快找到bug
瀏覽器打開除錯界面
- 按F12打開開發者工具
- 點到sources一欄
- 選擇代碼檔案
斷點：在某句代碼上加的標記就叫斷點，當程式執行到這句有標記的代碼時會暫停下來
斷點后,記得點重繪頁面
出現這個,可以點擊,看看代碼接著往下運行的效果
while 回圈
釋義：
跟if陳述句很像，都要滿足小括號里的條件為true才會進入執行代碼
while大括號里代碼執行完畢后不會跳出，而是繼續回到小括號里判斷條件是否滿足，若滿足又執行大括號里的代碼，然后再回到
小括號判斷條件，直到括號內條件不滿足，即跳出
注意:
回圈的本質就是以某個變數為起始值，然后不斷產生變化量，慢慢靠近終止條件的程序，
所以，回圈需要具備三要素：
舉個例子,輸出1-10
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
let i = 1 //這是變數起始值: 1
while(i <= 10){ //小于等于10之前都會回圈
document.write(i,'<br>') //這是輸出數字在瀏覽器頁面上,<br>是換行
i++ //i++,i就從1加1變成了2,再進入回圈,以此類推
}
</script>
</body>
</html>
回圈退出
continue：結束本次回圈，繼續下次回圈
break：跳出所在的回圈
三.銀行取款機代碼
用戶可以選擇存錢、取錢、查看余額和退出功能
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
let money = 1000
while (true) {
let str = prompt(`請選擇您的操作:
1.取錢
2.存錢
3.查詢余額
4.退出`)
//下面的數字對應操作
if(str === '4') {
break
}
switch (str) {
case '1':
let qu = prompt('取多少')
money = money - qu
break
case '2':
let cun = +prompt('存多少')
money = money + cun
break
case '3':
// ${}配合反引號使用,靈活輸出變數
alert(`您的余額是${money}元`)
break
default:
alert('好好看操作')
}
}
</script>
</body>
</html>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/375924.html
標籤：其他