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 字符串表达式