• :绿叶现版本暂时不再更新维护,全新版本已经在开发中,新系列图书(暂时8本,后面再续)也将于12月后陆续出版,敬请期待~

2.7 JavaScript表达式

表达式是一个语句的集合,计算结果是个单一值。

在JavaScript中,常见的表达式有4种:

  • (1)赋值表达式;
  • (2)算术表达式;
  • (3)布尔表达式;
  • (4)字符串表达式;

一、赋值表达式

在JavaScript种,赋值表达式的语法格式一般如下:

变量 赋值运算符 表达式;

赋值表达式在计算过程中是按照自右而左结合的。其中有简单的赋值表达式,如n=1;也有定义变量时,给变量赋初始值的赋值表达式,如var str="绿叶学习网";还有使用比较复杂的赋值运算符连接的赋值表达式,如n+=6。

举例:

 
<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        var n=4;
        n+=6;
        document.write(n);
    </script>
</head>
<body>
</body>
</html>

在浏览器预览效果如下:

JavaScript赋值表达式

二、算术表达式

算术表达式就是用算术运算符连接的JavaScript语句。如a+b+c、20-12、m*n、m/n、sum%3等,都是合法的算术运算符的表达式。

算术运算符的两边必须都是数值,若在“+”运算中存在字符或字符串,则该表达式将是字符串表达式,这一点大家要记住喔。因为JavaScript会自动将数值型数据转换成字符串型数据。

举例:

 
<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        var a=123;
        var str="绿叶学习网"+a;
        document.write(str);
    </script>
</head>
<body>
</body>
</html>

在浏览器预览效果如下:

JavaScript算术表达式

分析:

"绿叶学习网"是一个字符串型数据,a时数值型数据,如果两个相加的话,JavaScript会自动将数值型数据转换成字符串型数据,因此输出结果就是“绿叶学习网123”。

三、布尔表达式

布尔表达式一般用来判断某个条件或者表达式是否成立,其结果只能为true或false。

举例:

 
<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        var a=90;
        var b=60;
        if(a>b)
        {
            document.write("绿叶学习网不错!");
        }
        else
        {
            document.write("绿叶学习网?额,= =!~");
        }
    </script>
</head>
<body>
</body>
</html>

在浏览器预览效果如下:

JavaScript布尔表达式

四、字符串表达式

字符串表达式指的就是操作字符串的语句。

在此重申一点,“数字+字符串”返回值一定是字符串,因为JavaScript会自动将数值型数据转换成字符串型数据。这一点我们在“算术表达式”中已经说过了。

举例:

 
<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        var a="绿叶学习网";
        var b="JavaScript";
        var c="入门教程";
        var str = a+b+c;
        document.write(str);
    </script>
</head>
<body>
</body>
</html>

在浏览器预览效果如下:

JavaScript字符串表达式

:本站所有教程均为原创,大部分已经与人民邮电出版社合作出版,禁止转载和抄袭,否则绿叶学习网和人民邮电出版社必将追究法律责任,附录:互联网著作权保护法。【法律顾问:张俊律师】

小伙伴们也可以加一下QQ群,在“群文件”中可以获取更多学习资源和配套资源,以及跟其他小伙伴交流,站长也在群内。

(1)QQ群:593173594(暗号:lvye

(2)绿叶学习网常见问题解答

回到顶部