JavaScript 表达式

朴灿烈づ我的快乐病毒、 2024-02-18 09:21 27阅读 0赞

## JavaScript 表达式 ##

**目录**

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>

在浏览器预览效果如下：

![4af8e01970464ff7aa61154cffdcb240.png][]

### 二、算术表达式 ###

算术表达式就是用算术运算符连接的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>

分析："码农教程"是一个字符串型数据，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("l love myfather！");
            }
            else
            {
                document.write("father?额，= =!~");
            }
        </script>
    </head>
    <body>
    </body>
    </html>

### 四、字符串表达式 ###

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

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

举例：

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

[4af8e01970464ff7aa61154cffdcb240.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/18/b473b2c2327f4364ba0b66468366514b.png