javascript基础二

最新推荐文章于 2023-05-09 19:08:55 发布

浮云骑士-锋

最新推荐文章于 2023-05-09 19:08:55 发布

阅读量91

点赞数

本文链接：https://blog.csdn.net/xxf15162161455/article/details/79808480

版权

1、算数运算符续

2、自增自减

3、精确度

4、关系运算符：>大于、<小于、>=大于等于、<=小于等于、==等于、
===全等于、!=不等于、!==不全等
1⃣️字符串比较：”23”<”3” true
“age”<”boy”
2⃣️数字与字符串比较：”23”<3 true
“a”<3 false
3⃣️优先级：<、<=、>、>=这四种运算符的优先级相同。
==、!=、===、!==这四种运算符的优先级也相同。
前四种运算符的优先级高于后四种运算符。
关系运算符的优先级低于算术运算符。
关系运算符的优先级高于赋值运算符。

5、逻辑运算符 || && ！

6、if语句：f语句又称为条件语句，用于基于不同的条件来执行不同的动作。
只有当指定条件为true时,该语句才会执行代码。
1⃣️if….else
2⃣️if…else if …else
3⃣️小结：if 语句是JavaScript中最常用的语句之一，事实上在许多计算机语言中都是如此。使用if语句被认为是一种最佳的编程实践，即使要执行的代码只有一行。这样做可以使每个条件要执行什么一目了然。

7、switch语句：switch 语句用于基于不同的条件来执行不同的动作
原理：
首先设置表达式 n（通常是一个变量）。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配，则与该 case 关联的代码块会被执行。使用 break 来阻止代码自动地向下一个 case 运行。
小结：switch语句与if语句功能上没有差别，但可以避免出现过多的else…if…，代码的书写效率和执行效率也有所提高，结构更为清晰。

8、三元运算符（三目运算符）：三目运算符(三元运算符)是可以基于某些条件对变量进行赋值的条件运算符。
语法：variablename=(condition)?value1:value2

9、数组

10、其他获取元素的方法

算数运算

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>

    </body>
    <script type="text/javascript">
        // 加法
        var a = 3;
        var b = 4;
        console.log(a+b);
        // 减法
        a = 666;
        b = 888;
        a = "abc";
        b ="12";
        a = "123";
        b = "111";// 默认将“ - ”两侧的数据类型转成num
        console.log(a-b);
        a = 12;
        b = 12;
        a = "11";
        b ="11a";
        console.log(a*b);
        // 除法
        a = 12;
        b = 4;
        console.log(a/b);
        // 取余
        a = 13;
        b = 4;
        console.log(a%b);
        // 复合算数运算
        a = 5;
        a+=10;//a = a + 10
        console.log(a);
        a-=10;
        console.log(a);
        a*=11;
        console.log(a);
        a/=10;
        console.log(a);
        a%=5.5;
        console.log(a);
        // 自增
        a++;//a=a+1;
        b = a++;
        console.log(a++);
        console.log(a);
        //自减
        a = 3;
        b = ++a;
        console.log(b);
        //自减
        b = a--;
        console.log(b,a);
        b= --a;
        console.log(b,a);

        a = 1;
        a-=0.1;
        a-=0.1;
        console.log(a);
    </script>
</html>

关系运算

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
    </body>
    <script type="text/javascript">
        var a = 3;
        var b = 5;
        console.log(a>b);
        a = 3;
        b = 3;
        console.log(a>=b);

        a = "ABC";
        b = "QSD";
        // 字符串的比较是比较相应位置的字符串ascii的值大小
        console.log(a<=b);
        a = 123;
        b = "abc";
        console.log(a>=b);// false 将"abc"转化成数字类型
        a = "123";
        b = "41";
        console.log(a>b);

        // = == ===
        a = "123";
        b = 123;
        console.log(a==b);// 值相等，类型可以不相等
        console.log(a===b);// 值相等，类型也相等

        // 非运算
        // ==   !=
        // ===   !==
        console.log(a!=b);
        console.log(a!==b);
        a = 3;
        b = 5;
        console.log(a+3>5);
        console.log(a=3>5);
        console.log(a);
    </script>
</html>

逻辑运算

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
    </body>
    <script type="text/javascript">
        // ! 非运算 ||或(or)  &&与(and)
        var a = 3;
        var b = 4;
        var c = 2;
        console.log(a>b&&b>c);
        console.log(a>b||b>c);
        //用&&连接的条件或者关系运算，只要有一个为false，整体为false；
        //用||...,只要有一个为true，整体为true；

        console.log(1&&2&&0&&3);

        console.log(a<b|&&|b>c||a>c&&a>10);
    </script>
</html>

分支语句if-else

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            #div1{
                background-color: red;
                font-size: 50px;
            }
            #div2{
                background-color: yellow;
                font-size: 30px;
            }
            #div3{
                background-color: greenyellow;
            }
            div{
                display: none;
            }
        </style>
    </head>
    <body>
        <div id="div1">悟空：师傅呢？</div>
        <div id="div2">八戒：大师兄我不知道啊！</div>
        <div id="div3">悟净：大师兄，二师兄，师傅被抓走了。</div>
        <input type="text" id="inp" />
        <button id="bt">触发</button>
    </body>
    <script type="text/javascript">
        var div1 = document.getElementById("div1"),
            div2 = document.getElementById("div2"),
            div3 = document.getElementById("div3"),
            inp = document.getElementById("inp"),
            bt = document.getElementById("bt");
        var ans = prompt("who r u?");
        if(ans=="悟空"){
            div1.style.display = "block";
        }else if(ans=="八戒"){
            div2.style.display = "block";
        }else if(ans=="悟净"){
            div3.style.display = "block";
        }else{
            alert("妖怪，哪里跑！");
        }

        bt.onclick = function(){
            var a = inp.value;
            console.log(a);
        }

    </script>
</html>

switch

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
    </body>
    <body>
        <input type="text" id="inp" />
        <button id="bt">按钮</button>
    </body>
    <script type="text/javascript">
        var inp = document.getElementById("inp"),
            bt = document.getElementById("bt");
//      var a = "15162161455";
//      var b= "83661056";
//      var len = a.length;
//      console.log(b.length);//字符串的长度属性，返回的是字符个数
        bt.onclick = function(){
        var str = inp.value;
        var len = str.length;
            switch (len){  
            case 11:
            console.log("手机号");
            break
            case 7:
            console.log("固话1");
            break;
            case 8:
            console.log("固话2");
            break;
            default:
            console.log("根本不是电话的长度");
            break;
        }
        }


    </script>
</html>

浮云骑士-锋

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript基础二

1、算数运算符续2、自增自减3、精确度4、关系运算符：>大于、<小于、>=大于等于、<=小于等于、==等于、 ===全等于、!=不等于、!==不全等 1⃣️字符串比较：”23”<”3” true “age”<”boy” 2⃣️数字与字符串比较：”23”<3 true “a”<3 false 3⃣️优先级：<
复制链接

扫一扫