JavaScript语法_一元运算符

运算符

1.一元运算符:只有一个运算符的运算符

++,--,+(正号)

++ --：自增（自减）
- ++(--）在前先自增(自减) 在运算
- ++(--）在后，先运算，在自增(自减)
- +（-）：正负号
- 注意：在js中如果运算数不是运算符所以要求的类型那么js引擎会自动的将运算数进行类型转换
  - 其他类型转number:
    - String转number:按照字面值转换如果字面值不是数字则转为NaN（不是数字的数字）
    - boolean转number:true转为1 false转为0

HTML代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        
        <script>
            
            var num=3;
            var a=num++;
            
            document.write(num+"<br>");
            document.write(a+"<br>");
            document.write("--------------------"+"<br>");
            var num=3;
            var a=++num;
            
            document.write(num+"<br>");
            document.write(a+"<br>");
            
        </script>
        
    </head>
    <body>
    </body>
</html>

运行结果

2.算数运算符

+、-、*、/、%..

HTML代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>算数运算符</title>
        
        <script>
            var a=10;
            var b=5;
            
            document.write(a+b+"<br>");
            document.write(a*b+"<br>");
            document.write(a-b+"<br>");
            document.write(a/b+"<br>");
            document.write(a%b+"<br>");
            
            
        </script>
        
        
    </head>
    <body>
    </body>
</html>

运算结果

3.赋值运算符

=、+=、-+...

4.比较运算符

>、 <、 >=、<=、==、===（全等于）

比较方式

类型相同:直接比较
- 字符串：按照字典顺序比较按位逐一比较，直接得出大小为止
类型不同:先进行类型转换再比较
- ===：全等于。在比较之前，先判断类型如果类型不一样则直接返回false

HTML代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>比较运算符</title>
        <script>
            document.write((3 > 4) + "<br>");
            document.write(("abc" < "acd") + "<br>");
            document.write(("123" == 123) + "<br>");
            document.write(("123"===123)+"<br>");
        </script>
    </head>
    <body>
    </body>
</html>

运行结果

5.逻辑运算符

&&：与（短路）
||：或（短路）
！：非
- 其他类型转boolean:
  - number：0或NaN为假其他为真
  - string：除了空字符串（“”），其他都是true
  - null&undefined:都是false
  - 对象：所以对象都为true

6.三元运算符

?:表达式

语法

表达式？值1:值2
判断表达式的值,如果是true则取值1 如果是false则取值2

7.流程控制语句

1.if...else..

2.switch

在java中，switch语句可以接受的数据类型：byte int shor char,枚举（1.5）,String(1.7)
- switch(变量):
  - case 值:
在JS中,switch语句可以接受任意的原始数据类型

3.while

4.do...while

5.for

HTML代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>switch语法</title>
        <script>
            var a = "abc";
            switch (a) {
                case 1:
                    alert("number");
                case "abc":
                    alert("string");
                case true:
                    alert("true");
                case null:
                    alert("null");
                case undefined:
                    alert("undefined");
            }
            
            var sum=0;
            var num=1;
            
            while(num <=100){
                sum +=num;
                num ++;
            }
            
            document.write(sum+"<br>");
            
            var z=0;
            for(var i=1;i<=100;i++){
                z +=i;
            }
            document.write(z);
            
        </script>
    </head>
    <body>
    </body>
</html>

运行结果

8.特殊语法

1.语句以;结果,如果一行只有一条语句则;可以省略（不建议）

2.变量的定义使用var关键字也可以不使用

用：定义的变量是局部变量
不用：定义的变量是全局变量（不建议）

HTML语法

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>特殊语法</title>
        
        <script>
            
            var a=3;
            
            var b;
            function fun(){
                b=4;
            }
            fun();
            
            alert(b);
            
        </script>
        
    </head>
    <body>
    </body>
</html>