javaScript（2）_javascript 不易阅读-CSDN博客

本文链接：https://blog.csdn.net/ZXCNIUBI/article/details/100077047

文章目录

js

1.js的操作符

1.1算术运算符

算术运算符主要就是"+","-","*","/","%","++","–",过于简单，不想演示

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js的操作符</title>

</head>
<body>
    <script>
        var num = 10;
        var str = '1';
        console.log(num+str) //101
        console.log(num - str) //9
        console.log(num+true)//11
        console.log(num+false)//10
        console.log(num+undefined)//NaN
        console.log(num+null)//10
    </script>
</body>
</html>

这里的相加是字符串拼接，而其他运算就是先把字符串转换成数字然后在进行加减乘除。

1.2赋值运算符

赋值运算符主要就是=，+=，-=，*=，/=

1.3比较运算符

比较运算符就是>,>=,<,<=,·==·，·= = =·(全等)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js的操作符</title>

</head>
<body>
    <script>
        var num = 1;
        var str = '1';
        console.log(num === str) //false
        console.log(num == str ) //true
    </script>
</body>
</html>

这里主要演示的是和=的区别，=是全等就是一模一样的了，而是普通的=，当然如果字符串和数字一样的话，也是默认相等的。

1.4逻辑运算符

逻辑运算符主要就是，&&，||，！。也很简单。

2.js的控制

这里的控制真简单，就像c里面的控制一样，所以不难，简单结构就是if （）{}else的结构

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js的操作符</title>

</head>
<body>
    <script>
        if ('1' === 1)
        {
            console.log(1)
        }
        else
        {
            console.log(0)
        }
        var name ="tomas";
        switch (name){
            case "t":
                console(1);
                break;
            case "o":
                console(2);
                break;
            case "m":
                console(3);
                break;
            case "a":
                console(4);
                break;
            default :
                console(0)
        }
    </script>
</body>
</html>

这就是控制的

3.js的循环

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js的操作符</title>

</head>
<body>
    <script>
        for(var i = 0 ; i < 10 ; i++)
        {
            console.log(i);
        }
        while (i!=0)
        {
            console.log(i);
            i--;
        }
        do {
            console.log(i);
            i++;
        }while (i!=10)
    </script>
</body>
</html>

这就是三种循环方式

4.js的字符串方法

4.1切割

切割是把字符串分为几个，然后放在数组里面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js的操作符</title>

</head>
<body>
    <script>
        str = "wo shi tomas";
        console.log(str.split(" ")); //以空格分割的，["wo", "shi", "tomas"]        
    </script>
</body>
</html>

这是源代码。

4.2切片

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js的操作符</title>

</head>
<body>
    <script>
        str = "wo shi tomas";
        console.log(str.substring(2,6)) // shi
        console.log(str.substring(-2,6)) // wo shi
        console.log(str.substring(6,-2)) // wo shi

    </script>
</body>
</html>

这个就是切片的一种，这种切片对于负数来说就默认为零，而如果前面的数字比较大，那么就先排序在切片。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js的操作符</title>

</head>
<body>
    <script>
        str = "wo shi tomas";
        console.log(str.slice(2,6)) // shi
        console.log(str.slice(-2,6)) // 
        console.log(str.slice(6,-2)) // tom

    </script>
</body>
</html>

这是slice的用法，这个和python中的用法很像，负数代表从后面取值，不能交叉取值，就是前面的位置必须小于后面的位置。