比较运算符

<body>
    <script>
      // 比较结果是boolean类型
      console.log(4 > 10); //false
      console.log(5 >= 4); //true
      // 两个==号只判断值是否相等 存在隐式转换
      console.log(10 == "10"); //true
      //三个===号 即比较内容也比较数据类型 =》不存在隐式转换
      console.log(10 === 10); //true
      console.log(10 === "10"); //false
      console.log(10 !== 10); //false
      // 不要比较字符 因为比较的是ASCII码
      console.log("1000" > "999"); //false
    </script>
  </body>

逻辑运算符

<body>
    <script>
      // 逻辑与&& 一假则假 && 两个条件都满足才为true

      console.log(5 > 3 && 5 < 10); //true
      console.log(5 > 3 && 5 > 10); //false

      // 逻辑或|| 一真则真一个条件满足就为true
      console.log(3 > 5 || 5 < 10);
      true;
      // 优先级:!逻辑非/取反符> 逻辑与 >逻辑或
      console.log(!false);
    </script>
  </body>

 if分支语句:单分支 、双分支、多分支 

 <script>
      单分支语句
if(判断条件){
条件满足时执行}
      // if (false) {
      //   alert("为false时为假");
      // }
      // if (null) {
      //   alert("为null时为假");
      // }
      // let age;
      // if (age) {
      //   age("只声明未赋值为undefined 为假");
      // }
      // if(条件判断存在隐式转换 转换成真或者是假(‘’ ,0,false,null,undefined 这些为假其余为真)
      // 双分支语句
      // 案例1:用户输入高考成绩,如果分数大于700,则提示恭喜考入清华
      // let score = +prompt("请你输入你的成绩");
      // if (score > 700) {
      //   alert("恭喜你来到清华");
      // } else {
      //   alert("恭喜你来到北大青鸟");
      // }
    </script>
  </body>

 

<body>
    <script>
if双分支语句
     if(判断条件){
条件满足时执行
}else {
不满足条件时执行
}
       // 1. 用户输入
      // 如果大于18岁带你去浪漫的土耳其 否则回家做作业
      // let age = +prompt("请输入你的年龄");
      // if (age >= 18) {
      //   alert("带你去浪漫的土耳其");
      // } else {
      //   alert("回家做作业");
      // }
      // 确认同桌名字 银行密码 两个条件都满足,恭喜你成为我的同桌,反之你不是
      let name = prompt("请输入你的名字");
      let passWord = +prompt("请输入你的密码");
      if (name === "zs" && passWord === 123456) {
        alert("恭喜你成为我的同桌");
      } else {
        alert("你不是");
      }
    </script>
  </body>
<body>
    <script>
if多分支语句
if双分支语句

     if(判断条件1){
满足判断条件1时执行
}else if(判断条件2) {
满足判断条件2时执行
} else if (判断条件3) {

                 满足判断条件3时执行

              }else {

              以上条件都不满足时执行

              }

      // 1. 用户输入
      /*
       - 输入成绩案例
      需求:根据输入不同的成绩,反馈不同的评价
      注:
      ①:成绩90以上是 优秀
      ②:成绩70~90是 良好
      ③:成绩是60~70之间是 及格
      ④:成绩60分以下是 不及格
       */
      let score = +prompt("请输入你的成绩");
      // if (score >= 90) {
      //   alert("你真棒");
      // } else if (score >= 70 && score < 90) {
      //   alert("你要继续加油哦");
      // } else if (score >= 60 && score < 70) {
      //   alert("你在疯狂的试探");
      // } else {
      //   alert("你已经在挨打的边缘了");
      // }
      // 可以省略逻辑与&&=》可以从大到小或者从小到大来进行判断
      if (score >= 90) {
        alert("你真棒");
      } else if (score >= 70) {
        alert("你要继续加油哦");
      } else if (score >= 60) {
        alert("你在疯狂的试探");
      } else {
        alert("你已经在挨打的边缘了");
      }
    </script>
  </body>

三元运算符

<body>
    <script>
      // 三元运算符
      条件 ? 满足条件的代码 : 不满足条件的代码
      // console.log(3 > 5 ? 3 : 5)
      // if (3 < 5) {
      //   alert('真的')
      // } else {
      //   alert('假的')
      // }
      let result = 3 < 5 ? " 真的" : "假的";
      alert(result);
      console.log(result); //真的(如果条件为真返回 第一个结果 否则返回第二个结果)
    </script>
  </body>

 switch语句

<body>
    <script>
      /* 
      释义:
     1、找到跟小括号里数据**全等**的case值,并执行里面对应的代码
     2、若没有全等 === 的则执行default里的代码
     3、例:数据若跟值2全等,则执行代码2
      <span style="color:green;">注意事项:</span>
    1、switch case语句一般用于等值判断,不适合于区间判断
    2、switch case一般需要配合break关键字使用 没有break会造成case穿透
       */
      // 语法结构简单来说就是 找到小括号里面的数据 进行全等匹配 === / break是退出switch语句 如果没有写break 数据则会进行穿透 没法进行条件判断拦截 满足条件的以及break后面都会打印=>一定要写 break不会向上穿透
      // switch (数据) {
      //   case 判断条件:
      //     console.log("这是代码啊1");
      //     break;
      //   case 2:
      //     console.log("这是代码2");
      //     break;
      //   case 3:
      //     console.log("这是代码3");
      //     break;
      //   default:
      //     console.log("无法匹配");
      //     break;
      // }
      // 语法结构
      // switch (2) {
      //   case 1:
      //     console.log("这是1");

      //   case 2:
      //     console.log("这是2");

      //   case 3:
      //     console.log("这是3");
      //     break;
      //   default:
      //     console.log("无法匹配");
      //     break;
      // }
      let fruit = prompt("你要买什么水果");
      switch (fruit) {
        case "苹果":
          alert("苹果8元/斤");
          break;
        case "榴莲":
          alert("榴莲10元/斤");
          break;
        case "香蕉":
          alert("香蕉3元/斤");
          break;
        default:
          alert("没有你想要的水果,明天再来买吧");
          break;
      }
    </script>
  </body>
<body>
    <script>
      /*
      拓展
      用户输入年份和月份,打印出这个月有多少天(★)
      - 其中1,3,5,7,8,10,12月有31天
      - 4,6,9,11月有30天
      - 2月比较特殊,如果是平年就是28天,闰年就是29天(闰年判断条件 : 能被400整除 或者 能被4整除且不能被100整除)
           */
      // if语句写法
      // let year = +prompt("请输入年份");
      // let mouth = +prompt("请输入月份");
      // if (
      //   mouth === 1 ||
      //   mouth === 3 ||
      //   mouth === 5 ||
      //   mouth === 7 ||
      //   mouth === 8 ||
      //   mouth === 10 ||
      //   mouth === 12
      // ) {
      //   alert(`${year}年${mouth}月有31天`);
      // } else if (mouth === 4 || mouth === 6 || mouth === 9 || mouth === 11) {
      //   alert(`${year}年${mouth}月有30天`);
      // } else {
      //   if (year % 400 === 0 || (year % 4 === 0 && year % 100 !== 0)) {
      //     alert(`${year}年是闰年${mouth}月只有29天`);
      //   } else {
      //     alert(`${year}年是平年${mouth}月只有28天`);
      //   }
      // }
      // switch写法
      let year = +prompt("请输入年份");
      let mouth = +prompt("请输入月份");
      let day = null;
      switch (mouth) {
        case 1:
        case 3:
        case 5:
        case 7:
        case 8:
        case 12:
          day = 31;
          break;
        case 4:
        case 6:
        case 9:
        case 11:
          day: 30;
          break;
        case 2:
          if (year % 400 === 0 || (year % 4 === 0 && year % 100 !== 0)) {
            day = 29;
          } else {
            day = 28;
          }
          break;
        default:
          "请输入正确的年份";
      }
      alert(`${year}年${mouth}月${day}天`);
    </script>
  </body>

for循环

<body>
    <script>
      /* 
      for循环语法
      作用:**重复执行代码
      好处:**把声明起始值、循环条件、变化值写到一起,让人一目了然,它是最常使用的循环形式
       */
      // for (初始化变量; 条件表达式; 操作表达式) {
      //   //循环体
      // }
      // 罚跑7圈
      // for (let i = 1; i <= 7; i++) {
      //   document.write(`
      //   跑起来
      //   <br>
      //   `);
      // }

// 1. 初始化变量,初始化操作在整个 for 循环只会执行一次。 // 2. 执行条件表达式,如果为true,则执行循环体语句,否则退出循环,循环结束。 // 3. 直至条件表达式为假,结束整个 for 循环。 // 利用for循环输出三句话 月薪过万 // 例: 输出10句月薪过万,并说出for循环的执行过程 for (let i = 1; i <= 10; i++) { document.write(` 月薪过万 <br> `); } </script> </body>

循环嵌套(双重for循环)

<body>
    <script>
      /* 
      嵌套循环是指在一个循环语句中再嵌套一个循环语句的语法结构,如for循环中可以再嵌套一个for循环,也称为双重for循环。
       */
      // 1. 双重for循环 语法结构
      // for (外层的初始化变量; 外层的条件表达式; 外层的操作表达式) {
      //     for (里层的初始化变量; 里层的条件表达式; 里层的操作表达式) {
      //         // 执行语句;
      //     }
      // }
      for (let i = 1; i <= 5; i++) {
        console.log("这是外层for循环第" + i + "次");
        for (let j = 1; j <= 3; j++) {
          console.log("这是里层for循环的第" + j + "次");
        }
        console.log("这是外层for循环每次最后执行的语句");
      } //外层循环语句执行一次 里面for循环执行全部
      // 内层循环执行的顺序也要遵循 for 循环的执行顺序
      // 4. 代码验证
      // 背单词 一天背五个 背三天 共背多少个单词
      for (i = 1; i <= 3; i++) {
        document.write(`这是第${i}天 <br>`);
        for (j = 1; j <= 5; j++) {
          document.write(`这是第${i}几天的第${j}几个单词<br>`);
        }
      }
    </script>
  </body>
<body>
    <script>
      // 1. 外层循环控制行数 内层控制列数
      for (i = 1; i <= 9; i++) {
        for (j = 1; j <= i; j++) {
          document.write(`💗`);
        }
        document.write(`<br>`);
      }
    </script>
  </body>

退出循环 continue break

<body>
    <script>
      /* 
    退出循环
    continue  退出本次循环,一般用于排除或者跳过某一个选项的时候,可以使用continue
    break  退出整个for循环,一般用于结果已经得到,后续的循环不需要的时候可以使用
    while(true) 来构造“无限”循环,需要使用break退出循环。
    for(;;) 也可以来构造“无限”循环,同样需要使用break退出循环。
       */
      // 吃包子 吃到第5个有虫子 12 45
      for (i = 1; i <= 5; i++) {
        if (i === 3) {
          continue; //退出本次循环直接跳过
        }
        document.write(`我正在吃${i}包子<br>`);
      }
      for (i = 1; i <= 5; i++) {
        if (i === 3) {
          break; // break后面的就不再执行了/退出整个for循环
        }
        document.write(`我正在吃${i}包子<br>`);
      }
    </script>
  </body>

 

原文地址:http://www.cnblogs.com/JAG2671169285/p/16869730.html

1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长! 2. 分享目的仅供大家学习和交流,请务用于商业用途! 3. 如果你也有好源码或者教程,可以到用户中心发布,分享有积分奖励和额外收入! 4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解! 5. 如有链接无法下载、失效或广告,请联系管理员处理! 6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需! 7. 如遇到加密压缩包,默认解压密码为"gltf",如遇到无法解压的请联系管理员! 8. 因为资源和程序源码均为可复制品,所以不支持任何理由的退款兑现,请斟酌后支付下载 声明:如果标题没有注明"已测试"或者"测试可用"等字样的资源源码均未经过站长测试.特别注意没有标注的源码不保证任何可用性