JavaScript自学笔记（二）

学习链接：https://www.bilibili.com/video/BV1Sy4y1C7ha
JavaScript基础语法-dom-bom-js-es6新语法-jQuery-数据可视化echarts黑马pink老师前端入门基础视频教程 
笔记涉及的是视频p42~p134的内容，本次涉及运算符、流程控制分支、数组和函数的知识，与其他语言如c语言都有很多可以互通的知识点，所以一些比较基础的内容便没有记录。

目录

1. 运算符

         1.1 浮点数运算

        1.2 短路运算（逻辑中断）

2. 流程控制-分支

3. 数组

        3.1 利用new创建数组

        3.2 利用数组字面量创建数组

        3.3 数组的索引

        3.4 遍历数组

        3.5 数组中新增元素

4. js函数

        4.1 声明函数

        4.2 调用函数

        4.3 函数的参数

        4.4 函数的调用

        4.5 返回值return

        4.6 arguments 的使用

---

1. 运算符

        运算符也被称为操作符，是用于实现赋值、比较和执行算数运算等功能的符号

         1.1 浮点数运算

                不能直接将浮点数运算后的结果与整数的进行比较

        1.2 短路运算（逻辑中断）

                逻辑与

                        语法：表达式1&&表达式2

                        第一个表达式值为真，返回表达式2；第一个表达式值为假，返回表达式1

                 逻辑或

                        语法：表达式1||表达式2

                        第一个表达式值为真，返回表达式1；第一个表达式值为假，返回表达式2

2. 流程控制-分支

        其他语言学过，略

        作业

        1.求1~100之间所有数的总和与平均值

    <script>
        var sum = 0;
        for (var i = 1; i <= 100; i++) {
            sum += i;
        }
        console.log(sum);
        console.log(sum / 100);
    </script>

          2.求1~100之间所有偶数的和

    <script>
        var sum = 0;
        for (var i = 1; i <= 100; i++) {
            if (i % 2 == 0)
                sum += i;
        }
        console.log(sum);
    </script>

        3.求100以内7的倍数的总和

    <script>
        var sum = 0;
        for (var i = 0; i <= 100; i++) {
            if (i % 7 == 0)
                sum += i;
        }
        console.log(sum);
    </script>

        4.使用for循环打印矩形，要求每次只能输出一个⭐

    <script>
        var star = '';
        for (var i = 1; i <= 4; i++) {
            for (var j = 1; j <= 5; j++) {
                star += '⭐'
            }
            star += '\n'
        }
        console.log(star);
    </script>

        5.使用for循环打印三角形

    <script>
        var star = '';
        for (var i = 0; i <= 5; i++) {
            for (var j = 0; j < i; j++) {
                star += '⭐'
            }
            star += '\n'
        }
        console.log(star);
    </script>

3. 数组

        3.1 利用new创建数组

                var arr = new Array();

        3.2 利用数组字面量创建数组

                var arr = [ ];//创建空数组

                在数组内可以存放任意数据类型的数据

        3.3 数组的索引

                与c语言的操作相同，数组名[索引号]

        3.4 遍历数组

                与c语言的操作相同，for循环输出

    <script>
        var arr = ["关羽", "张飞", "马超", "赵云", "黄忠", "刘备", "姜维"];
        for (var i = 0; i < 7; i++)
            console.log(arr[i]);
    </script>

                数组长度：数组名.length

        3.5 数组中新增元素

                3.5.1修改length长度新增数组元素

                        数组名.length = 比之前数组长度大的值 ; 未赋值的声明变量默认值为undefined

                3.5.2修改数组索引号新增数组元素

                       var arr = ['red','green','blue'];

                        arr[3] = "pink";//追加元素

4. js函数

        4.1 声明函数

                4.1.1function关键字声明

                        function  函数名(){

                               函数体；

                        }

                4.1.2函数表达式(匿名函数)

                        var 变量名 = function(){};（是变量名不是函数名）

                4.1.3声明函数的相同与不同

                        不同：函数表达式声明方式与声明变量类似，声明变量里存的是值，而函数表达式里存的是函数

                        相同：都可以传递参数

        4.2 调用函数

•                 function关键字声明：函数名();
•                 函数表达式声明：变量名();

        4.3 函数的参数

                概念与c语言类似，分为形参和实参

                4.3.1形参实参不匹配问题

                        个数不匹配时，若实参多于形参，根据形参个数取实参；若实参少于形参，多余的形参定义为undefined，结果为NaN

        4.4 函数的调用

                与c语言类似

        4.5 返回值return

        不仅能够退出循环，还能够返回return语句中的值，同时还可以结束当天的函数体内的代码

                4.5.1return只能返回一个值

                        return num1,num2;//只返回num2的值

                4.5.2求任意两个数的运算结果

                        return [num1+num2]; 与c语言不同

                4.5.3函数没有返回值return

                        结果为undefined

        4.6 arguments 的使用

                当不确定有多少个参数传递的时候，可以用arguments来获取 。arguments展示形式是一个伪数组(具有length属性；按照索引方式存储；没有真正数组的一些方法如pop()、push()等)

                4.6.1arguments的使用方法

                        function fn(){

                                console.log(arguments);

                        }

                        fn(1, 2, 3);