js逻辑运算符和程序结构

起床了
118 阅读2分钟

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第14天，点击查看活动详情。

一。 逻辑运算符

  1. &&(与号) 可以理解为都的意思 ，&&(与号) 两者都要满足才为true

    <script>
     var num1=2;
     var num2=10;
    /* 千万不要连续比较 */
     document.write(num1<16<num2)
</script>

1.png

 <script>
    var num1=2;
    var num2=10;
 document.write(num1<16&&16<num2)
 </script>

2.png

 <script>
    var num1=2;
    var num2=10;
 document.write(num1<16&&16>num2)
 </script>

3.png

 <script>
    var num1=2;
    var num2=10;
  15>num1&&document.write('你好')
  </script>

4.png

  1. ||(或号) 表示两者只要有一个满足就为true

     <script>
 var num1=2;
 var num2=10;
 document.write(num1<15||15<num2)

5.png

 <script>
    var num1=2;
    var num2=10;
   num2>30||document.write('我执行了')
  </script>
  如果第一个为FALSE就会执行第二个

6.png

   <script>
    var num1=2;
    var num2=10;
 num1<num2||document.write('我执行了')
  </script>
  如果第一个为true就不会执行第二个

7.png
3. !(取反) ，相反的结果

   <script>
    var num1=2;
    var num2=10;
     document.write(num1>!15)
   </script>

8.png

二。输出语句

①。document.write('在页面中打印')

②。alert('我弹出来了')

③。console.log('我在控制台打印了')普通的打印

④。console.error('错误提示')

⑤。console.warn('警告你不能乱踩花草，黄色三角')

⑥。console.info('name:zhangsan')打印一个详细提示

⑦。

    开始计算
    console.time('timer')
    计算的内容
    document.write('猜猜我输出这句话用了多久')
    结束计算
    console.timeEnd('timer')
    每次计算时间不同

9.png

三。注释

四。程序结构的分类
1.顺序结构

2.选择结构 ， 存在条件，根据条件判断结果选择后续事宜

①。 if选择结构 ， 这里的条件 只会返回布尔类型 不是true 就是false

       <script>
            var result = 30;
            if (result >60) {
            alert('及格')
                      } 
           else if (result < 60) {
           alert('不及格，回家皮带炒肉丝')
                      }
     </script>
      因为result>60为false，所以执行下一个

1.png

     <script>
         var str=prompt('请输入你的成绩(数字)');
        document.write(str)
        点击确定会返回输入的值 点击取消会返回null，
        只要在输入框里面输入的字 都是字符串类型
     </script>

5.png

    <script>
    var str = prompt('请输入你的成绩(数字)');
    if (str >= 90) {
        alert('优秀')
    } else if (str >= 60) {
        alert('及格')
    } else if (str < 60) {
        alert('不及格')
    }
   </script>
   多重if结构嵌套 按照顺序来判断 只要有一个为true 其他的就不执行了

②。 switch选择结构

  <script>
     var num = 2
    switch(num){
        case '1':
            document.write('结果为1');
            /* break表示终止比较 */
            break;
        case 2:
            document.write('结果为2');
            break;
        default:
            document.write('都不对');
            break;
    }
</script>

77.png

③。 把字符串转成数字几种方法

第一种使用 parsetInt（把字符串转成整数，有小数点会舍去）

第二种使用 parsetFloat（把字符串转成整数，有小数点会保留，后面小数末尾有0会舍去）

第三种利用构造函数 Number('123') 也可以把字符串转成数字类型

第四种利用运算符号的隐式数据类型转换 '123'*1 '123'/1 也可以把字符串转成数字类型

练习一。

       <script>
    var yw = parseInt(prompt('请输入你的语文成绩'))
    var sx = parseInt(prompt('请输入你的数学成绩'))
    var yy = parseInt(prompt('请输入你的英语成绩'))
    var sum = yw + sx + yy
    document.write('三门总成绩为:' + sum)
    document.write('<br>')
    if (yw >= 60) {
        document.write('语文成绩合格')
    } else {
        document.write('语文成绩不合格')
    }
    document.write('<br>')
    if (sx >= 60) {
        document.write('数学成绩合格')
    } else {
        document.write('数学成绩不合格')
    }
    document.write('<br>')
    if (yy >= 60) {
        document.write('英语成绩合格')
    } else {
        document.write('英语成绩不合格')
    }
    var x = 0;
    var str = '';
    if (yw < 60) {
        str += '语文'
        x++
    }
    if (sx < 60) {
        str += '数学'
        x++
    }
    if (yy < 60) {
        str += '英语'
        x++
    }
    document.write('<br>')
    document.write('该同学一共有' + x + '门挂科')
    document.write('<br>')
    document.write('挂科的科目为:' + str)
</script>

1.png QQ截图20220418220921.png 3.循环结构

avatar
文章
阅读
粉丝