JavaScript从基础到精通（基础 day03）

mc.byte

已于 2022-08-23 08:41:28 修改

阅读量396

点赞数 1

分类专栏： web前端 # 笔记文章标签： javascript 前端

于 2022-08-22 21:42:43 首次发布

本文链接：https://blog.csdn.net/m0_58044090/article/details/126473833

版权

web前端同时被 2 个专栏收录

31 篇文章 0 订阅

订阅专栏

笔记

30 篇文章 0 订阅

订阅专栏

7. 退出循环（break 和 continue 区别）

一.表达式和语句

表达式：
- 表达式是可以被求值的代码，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++
    }