目录
一.表达式和语句
-
表达式:
-
表达式是可以被求值的代码,JS 引擎会将其计算出一个结果。例如:(3+4)
-
let sum = 3 + 4
-
语句:
-
语句是一段可以执行的代码。
-
比如: prompt() 可以弹出一个输入框,还有 if语句 for 循环语句等等
-
1.If分支语句
语法 : if(条件){ 满足条件走的代码 } 如果条件满足了。就执行花括号里面的代码
1.括号内的条件为true时,进入大括号里执行代码
if(true){console.log("条件满足了")}
2.小括号内的结果若不是布尔类型时,会发生隐式转换转为布尔类型
if(3>2){console.log("条件满足了")}
3.如果大括号只有一个语句,大括号可以省略,但是,俺们不提倡这么做~
if(true) console.log("条件满足了")
1.2 if 双分支语句
语法:if( 条件 ){ 满足的条件 } else{ 不满足的条件 }
1.3 if 多分支语句
语法:if (条件1) { 条件1代码 } else if (条件2) { 条件2代码 } else { 都不满足的代码 }
//同理 多分支语句
let score = +prompt('请输入成绩')
if (score > 100 || score < 0) {
alert('输入错误')
} else if (score >= 90) {
alert('优秀')
} else if (score >= 70) {
alert('良好')
} else if (score >= 60) {
alert('及格')
} else {
alert('不及格')
}
2.三元运算符
语法:
3 < 5 ? alert('true') : alert('false')
用法:两数最大值
let num1 = +prompt('请输入第一个数字')
let num2 = +prompt('请输入第二个数字')
let num3 = num1 > num2 ? num1 : num2
// num1 > num2 ? alert(`最大值是${num1}`) : alert(`最大值是${num2}`)
alert(`最大值是${num3}`)
3. 数字补0案例
用户输入1个数,如果数字小于10,则前面进行补0, 比如 09 03 等(利用三元运算符 补 0 计算)
// 1. 用户输入
let num = prompt('请您输入一个数字:')
// 2. 判断输出- 小于10才补0
// num = num < 10 ? 0 + num : num
num = num >= 10 ? num : 0 + num
alert(num)
4.switch分支语句
语法:
switch 案例:
let num = +prompt('请输入1~10之间的数');
switch (num) {
case 1:
alert('您输入的数字为1');
break;
case 2:
alert('您输入的数字为2');
break;
case 3:
alert('您输入的数字为3');
break;
.....
case 10:
alert('您输入的数字为10');
break;
default:
alert('输入值有误');
break;
释义:
-
找到跟小括号里数据全等的case值,并执行里面对应的代码
-
若没有全等 === 的则执行default里的代码
-
例:数据若跟值2全等,则执行代码2
5.断点调试
1.按F12打开开发者工具
2.点到sources一栏
3.选择代码文件 - 找到html 或者 js
4.点到需要打印的位置,会变成蓝色
5.一定要刷新一下
6.找到需要观察的变量,(右边上面watch栏可以自己输入观察的量进行观察)
6. while循环
三要素:
// 1. 变量的起始值
let i = 1
// 2. 终止条件
while (i <= 3) {
document.write('我要循环三次 <br>')
// 3. 变量的变化量
i++
}
7. 退出循环 (break 和 continue 区别)
// break 终止循环
let b = 1
while (b <= 5) {
if (b > 2) {
break
}
document.write(`我吃的第${b}个包子<br>`)
b++
}
document.write('<p></p>')
// continue 结束本次循环
let c = 1
while (c <= 5) {
if (c === 3) {
c++
continue
}
document.write(`我吃的第${c}个包子<br>`)
c++
}