zoukankan      html  css  js  c++  java
  • (5)Javascript的表达式

    Javascript的表达式

    表达式是一个语句的集合,计算结果是个单一值,然后该结果被javascript归入下列数据类型之一:布尔、数字、字符串、对象等。表达式是具有一定的值,用操作符把常量和变量连接起来的代数式。

    解释:  
    
       box  =  box  +  1
    //黑色部分是变量 //红色部分是赋值运算符 //蓝色部分是表达式

    1、赋值表达式

    赋值表达式语法形式为:“变量 赋值运算符 表达式”  。

    复制代码
    如:
      var y = 5;
      var  x =  y+ 1;
      document.write(x);
      
     上面的输出是:6.
    复制代码

    举例:

    复制代码
    <!doctype html>
     <head>
     <meta http-equiv="content-type" content="text/html;charset=utf-8"/>
     <meta name="keywords" content="javascript的表达式,javascript入门">
     <meta name="description" content="老罗江湖">
     <title> 赋值表达式 </title>
     </head>
     <body>
     <script type="text/javascript">
     var x=10;
     document.write("<p>目前变量x的值为:x="+x);
     x+=x-=x*x;
     document.write("<p>执行语句 x+ = x- =x*x后,变量x的值为:x=" +x);
     var y=10;
     document.write("<p>目前变量y的值为:y="+y);
     y+=(y-=y*y);
     document.write("<p>执行语句 y+=(y-=y*y 后,变量y的值为;y="+x);
     </script>
     </body>
    </html>
    复制代码

    例子解说:这例子中的计算过程中是按照自右向左结合的。

    效果图(上面内容的输出):

     2、算数表达式 ,是用算术运算符和运算对象(操作数)连接起来的javascript的语句。

    如:
    var b,c = 3;
    var x = b + c; // x 是变量名 = 是赋值运算符 b,c 是操作数 + 是算术运算符
    document.write(“输出是:”x); //输出是 6 .

    3、布尔表达式:布尔表达式是用来判断某个条件或者表达式是否成立。其结果只能为true或false。看案例解说:

    复制代码
    <!doctype html>
     <head>
     <meta http-equiv="content-type" content="text/html;charset=utf-8"/>
     <meta name="Author" content="老罗江湖">
     <meta name="Keywords" content="javascript的表达式,javascript入门,javascript">
     <title> 布尔表达式 </title>
     </head>
     <body>
     <script type="text/javascript">
     function checkYear()
      {
        var txtYearObj = document.all.txtYear; //文本框对象
        var txtYear = txtYearObj.value;
        if((txtYear == null) || (txtYear.length < 1)||(txtYear < 0))
        { //文本框值为空
            window.alert("请在文本框中输入正确的年份!");
            txtYearObj.focus();
            return;
        }
         if(isNaN(txtYear))
        { //用户输入不是数字
            window.alert("年份必须为整型数字!");
            txtYearObj.focus();
            return;                                                     
        }
         if(isLeapYear(txtYear))
         window.alert(txtYear+"年是奥运年!");
         else
              window.alert(txtYear+"年是不奥运年!");
      }
     function isLeapYear(YearVal) //判断是否奥运年
     {
       if((YearVal % 100 == 0)&&(YearVal % 400 == 0))
          return true;
       if(YearVal % 4 == 0)return true;
       return false;
     }
     </script>
     <h3>布尔表达式是用来判断某个条件或者表达式是否成立。其结果只能为true或false。</h3>
     <form action="#" name="formYear">
     请输入当前的年份:
     <input type="txt" name="txtYear">
     <p>请单击按钮以判断是否为奥运年:</p>
     <input type="button" value="按钮" onclick="checkYear()">
     <br/>
     <br/>
     <p>案例中多次使用布尔表达式进行数值的判断,运行这段代码,在显示的文本框中输入2019,单击“确定”按钮后,系统判断文本框是否为空,再判断文本框输入的数值是否合法,最后判断其是否奥运年并弹出相应的提示框。</p>
     <form>
     </body>
    </html>
    复制代码

    效果图:

    4、字符串表达式:

    字符串表达式是操作字符串的javascript语句。Javascript的字符串表达式只能使用“+”与“+=”两个字符串运算符。

    复制代码
    如:
    var aiqing= "I " +"love"+ "you";
    
    document.write(aiqing);
    
    上面的输出是:I love you。
    复制代码

    如果在同一个表达式中既有数字又有字符串,同时还没有将字符串转换成数字的方法,则返回值一定是字符串型。此处省略。。。

    以上的内容部分来自“javascript从零开始学”和个人学习笔记,转载请注明出处!谢谢合作!

  • 相关阅读:
    Java高并发24-使用自定义锁生成一个消费模型
    Java高并发连载23-基于AQS实现自定义同步器
    JavaScript连载38-编写评论界面
    Java高并发22-AQS条件变量的支持
    Java高并发21-AQS在共享,独占场景下的源码介绍
    SSH 集成Shiro和EhCache,设置登录超时时间无效解决办法。
    Vue3.0 + Echarts 实现地区人口数量分布展示
    从零开始学VUE之网络模块(Axios)
    从零开始学VUE之VueX(modules)
    从零开始学VUE之VueX(actions)
  • 原文地址:https://www.cnblogs.com/LiuWeiLong/p/7088143.html
Copyright © 2011-2022 走看看