java day24 javascript（上）

最新推荐文章于 2024-04-18 11:56:40 发布

wzyyj

最新推荐文章于 2024-04-18 11:56:40 发布

阅读量99

点赞数

分类专栏： java学习日记文章标签： javascript

本文链接：https://blog.csdn.net/qq_43642864/article/details/111597029

版权

java学习日记专栏收录该内容

33 篇文章 0 订阅

订阅专栏

1、变量

1.1 变量声明

语法：

var 变量名=值；例如：var a=1；

1.2 基本类型

变量的基本类型又有Number、String、Boolean、Undefined、Null五种。
来声明一个数字Number类型，如下：

var a=1;

来声明一个字符串String类型。

你可以使用:

var a="1";

来声明一个布尔Boolean类型。
你可以使用：

var a=false;

在Java中，当一个变量未被初始化的时候，Java中是null或者基本数据类型的默认值。
在JavaScript中，当一个变量未被初始化的时候，它的值为undefined。

示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        //在js中，变量的定义统一使用var
        var num = 1;
        console.log(num);
        //获取num的数据类型    --  number
        console.log(typeof num);
        num = "abc";
        console.log(num);
        //获取num的数据类型    --  string
        console.log(typeof num);
        //变量可以被重新赋值不同类型的数据，变量类型会跟着改变
        num = 1.1;
        console.log(num);
        console.log(typeof num);
        var str;
        console.log(typeof str);
    </script>
</head>
<body>
</body>
</html>

2、运算符

名称	运算符
等于	==
小于	<
小于或等于	<=
大于	>
大于或等于	>=
不等于	!=
值和类型相同	===

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        var num = 5;
        console.log(num+2);//7
        console.log(num-2);//3
        console.log(num*2);//10
        console.log(num/2);//2.5
        console.log(num%2);//1
        console.log("------------------");
        //在js中string类型的数据与number类型的数据进行运算，"+"会拼接，其他运算符会直接运算。
        var str = "5";
        console.log(str+2);
        console.log(str-2);
        console.log(str*2);
        console.log(str/2);
        console.log(str%2);
        console.log("------------------");
        //==代表比较内容不比较类型
        //===既比较内容又比较类型
        console.log(num == str);
        console.log(num === str);
    </script>
</head>
<body>

</body>
</html>

3、分支结构

if-else:
switch

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>04_分支语句</title>
    <script>
        //true：非0的数值，非string的数据类型
        //false：0，“”，undefinded，NaN
        if(NaN){
            console.log('true')
        }else {
            console.log('false')
        }

        console.log("-------------------------")
        //java:int,String,枚举,byyte,short,char
        //js:number,string,null,undefinded,boolean
        var a='a'
        switch (a) {
            case 'a':
                console.log("第一个case");
                break;
            case 'b':
                console.log("第二个case");
                break;
            case null:
                console.log("第三个case");
                break;
            case undefined:
                console.log("第四个case");
                break;
            case true:
                console.log("第5个case");
                break;
            case false:
                console.log("第6个case");
                break;
            default:
                console.log("default");
                break;
        }

    </script>
</head>
<body>

</body>
</html>

4、循环结构

for循环
while循环

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        // for(var i = 0;i < 10;i++){
        //     console.log(i);
        // }
        /*while(true){
            console.log(10);
        }*/
        //1.打印1-100之间的奇数
        var sum=0;
        for (var i=1;i<=100;i++){
            if (i%2==1){
                sum+=i;
            }
        }
        document.write('1-100的奇数和：',sum)
        document.write("<br>")
        //2.打印图形
        /*
            *
            * *
            * * *
        */
        for (var i=0;i<9;i++){
            for (var j=1;j<=i;j++){
                document.write("*")
            }
            document.write("<br>")
        }
        document.write("----------------")

        //3.九九乘法表
        for (var i=0;i<=9;i++){
            for (var j=1;j<=i;j++){
                sum = i*j
                document.write(j,"x",i,'=',sum,"\t")
            }
            document.write("<br>")
        }
        document.write("----------------")
        document.write("<br>")
        //4.每个月存1000，多久当千万富翁

        var money=1000;
        var month=1;
        while (money<=10000000){
            money+=1000;
            month++;
        }
        document.write(month/12,'年')
        document.write("<br>")
        //5.每个月存1000，下个月比上个月多存500，多久成为千万富翁
        var month=0;
        var money=0;
        var addmoney=1000;
        while (money<=10000000){
            money+=addmoney;
            month++;
            addmoney=addmoney+500;
        }
        document.write(month/12,'年')
        
    </script>
</head>
<body>

</body>
</html>

效果：
在这里插入图片描述

5、函数

js函数定义，使用关键字function
js函数不存在重载，只有覆盖

语法：

function 函数名(参数列表){ 方法体 }

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        /**
         *      js函数定义，使用关键字function
         *      js函数不存在重载，只有覆盖
         * @param a
         * @param b
         * @returns {*}
         */
        function add(a,b) {
            document.write("第1个add方法：")
            return a+b
        }
        // var sum=add(1,2)
        // document.write('sum=',sum)
        function add(a,b,c) {
            document.write("第2个add方法：")
            return a+b+c
        }
        // //js函数不存在重载，只有覆盖
        // var sum=add(1,2,4)
        // document.write('sum=',sum)

        //可变参数列表
        function add() {
            var sum=0;
            //for in
            for (var i=0;i<arguments.length;i++){
                sum+=arguments[i];
            }
            console.log("sum=",sum)
        }
        add(1,2,3)
        add(1,2,3,4,5,6,7,8,9)
    </script>
</head>
<body>

</body>
</html>

6、数组

数组就是和我们之前理解的数组概念一致，而在JavaScript中成为Array类型。

我们说JSON可以标记一个对象，那么它同样可以标记一个数组，就是Java基础时我们学过的JSONArray。

var a=[1,2,3,4];

上述代码，我们说a是一个数组，在a中角标为0的元素是1。可以说这很简单。

接下来我们来尝试把之前的JSON放入数组中：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
    // var nums=[1,2,3,4,5];
    // nums[5]=10;
    // for (var i = 0; i < nums.length; i++) {
    //     document.write(nums[i])
    //     document.write("<br>")
    // }
    //
    // delete nums[5];
    // document.write(nums);
    //二位数组
    var array=[[1,2,3],[4,5,6],[7,8,9]];
    for (var i=0;i<array.length;i++){
        document.write(array[i])
        document.write("<br>")
        for (var j=0;j<array[i].length;j++){
            document.write(array[i][j])
            document.write("<br>")
        }
    }
    </script>
</head>
<body>

</body>
</html>