美文网首页JavaScript 进阶营
JavaScript运算符_赋值运算符(七)

JavaScript运算符_赋值运算符(七)

作者: 终身成长人格 | 来源:发表于2019-11-14 09:51 被阅读0次

    目录:

    1.什么是赋值运算符?
    2.赋值运算符都有哪些?

    一、什么是赋值运算符?

    JavaScript中的赋值运算可以分为简单赋值运算和复合赋值运算。简单赋值运算是将赋值运算符(=)右边表达式的值保存到左边的变量中;而复合赋值运算混合了其他操作(例如算术运算操作)和赋值操作。

    二、赋值运算符都有哪些?

    1. = : 将右边表达式的值赋给左边的变量
    <!DOCTYPE html>
    <html>
    <head>
        <title></title>
    </head>
    <body>
    
    <script type="text/javascript">
    var a = 10;//这里就是值赋
    </script>
    
    </body>
    </html>
    
    1. += : 将运算符左边的变量加上右边表达式的值赋给左边的变量
    <!DOCTYPE html>
    <html>
    <head>
        <title></title>
    </head>
    <body>
    
    <script type="text/javascript">
    var a = 1;
    console.log( a+=2 ); //a=a+2
    
    </script>
    
    </body>
    </html>
    
    1. -= : 将运算符左边的变量减去右边表达式的值赋给左边的变量
    <!DOCTYPE html>
    <html>
    <head>
        <title></title>
    </head>
    <body>
    
    <script type="text/javascript">
    var a = 1;
    console.log( a-=2 ); //a=a-2
    
    </script>
    
    </body>
    </html>
    
    1. *= : 将运算符左边的变量乘以右边表达式的值赋给左边的变量
    <!DOCTYPE html>
    <html>
    <head>
        <title></title>
    </head>
    <body>
    
    <script type="text/javascript">
    var a = 1;
    console.log( a*=2 ); //a=a*2
    
    </script>
    
    </body>
    </html>
    
    1. /= : 将运算符左边的变量除以右边表达式的值赋给左边的变量
    <!DOCTYPE html>
    <html>
    <head>
        <title></title>
    </head>
    <body>
    
    <script type="text/javascript">
    var a = 1;
    console.log( a/=2 ); //a=a/2
    
    </script>
    
    </body>
    </html>
    
    1. %= : 将运算符左边的变量用右边表达式的值求模,并将结果赋给左边的变量
    <!DOCTYPE html>
    <html>
    <head>
        <title></title>
    </head>
    <body>
    
    <script type="text/javascript">
    var a = 1;
    console.log( a%=2 ); //a=a%2
    
    </script>
    
    </body>
    </html>
    

    最后来一个例子:某员工的月薪为5000元,扣除各项保险费用共500元,个人所得税起征点是3500元,税率为3%,计算该员工的实际收入是多少。代码如下:

    <!DOCTYPE html>
    <html>
    <head>
        <title></title>
    </head>
    
    <body>
    <script type="text/javascript">
    var salary = 5000;
    var insurance = 500;
    var threshold = 3500;
    var tax = 0.03;
    salary-=insurance;
    var salary1=salary;
    salary1-=threshold;
    salary1*=tax;
    salary-=salary1;
    document.write("该员工的实际收入为"+salary+"元");
    </script>
    </body>
    </html>
    

    运行结果为:该员工的实际收入为4470元

    下节预告:一元运算符

    相关文章

      网友评论

        本文标题:JavaScript运算符_赋值运算符(七)

        本文链接:https://www.haomeiwen.com/subject/rlilictx.html