JavaScript基础学习-03

 断点调试

 

<script>
    //1.程序报错：浏览器停止工作，后面的代码都不会执行
    //程序报错在js中主要有两个原因
    //1.1  语法错误
    //let let = 10;//报错：变量命名不符合规则
    //consol.log('111');//报错：关键字单词拼写错误

    //1.2  数据类型错误
    //console.log ( abc );//abc既不是变量，也不是直接量（符合数据类型的数据）

    //2.程序bug：程序能够正常运行，但是产生的结果达不到预期的要求
    //产生原因：代码不熟悉，粗心大意，逻辑不严谨
    //需求：弹出一个确认框
    //prompt();//写成了弹出一个输入框

    //3.代码调试：  打断点
    //F12 - source -  可以选择某一句话前面打上断点
    /*好处：（1）可以逐行的检查代码执行的顺序
    （2）可以随时查看一个变量的值，有利于分析代码（鼠标放到变量上自动显示）
     */
    let num = 10;
    num++;
    num++;
    if(num++ >= num++){
        console.log ( "你猜我执不执行？" );
    }
    console.log ( num );

</script>

 

 数组

 

数组的定义与访问

<script>
        /*
        let 变量名 = [元素,元素......];
        */
        let student = ['张三', '男', '000001', 16];
        console.log(student);

        // 数组元素的访问：数组变量[下标]  一定是通过下标才能访问到具体的元素值
        console.log(student[1]);
        console.log(student[0]);
        console.log(student[3]);

        // 数组的价值：能够将一组相关的信息存到一个变量中，为了方便管理和访问
</script>

数组元素的存取

<script>
    // 数组的元素不论是存还是取，一定要通过下标才能实现
    let student = ['White'，'男', 18, '程序员'];
     
    // 1.访问数据：数组变量[下标] 
    console.log(student[2]);

    // 如果访问的下标超过了数组本身拥有的下标：undefined
    console.log(student[100], student[-100]);

    // 2.现在是数据：前提是先找到数据，改变数据的值
    // 数组变量[下标] = 新值
    student[3] = 22;
    console.log(student);

    // 3.新增数据：本质与修改数据一样，区别在于下标对应的元素之前是否有值：有值就是修改，没有值就是新增
    student[4] = '单身';
    console.log(student);

    //如果中间简断很多空元素（不合理，不应该这么做）
    student[100] = '已婚';
    console.log(student);

    // 4.删除元素：delete
    // delete 变量[下标]
    delete student[0];    //删除第一个元素
    console.log(student);
    //delete无法真正删除数组元素：只能删除对应位置的元素的值（所以一般不会使用delete来删除元素）
</script>

数组Length属性

<script>
    //获取长度
    let l = student.length;
    console.log(l);

    // length与数组元素下标的关系：最后一个元素的下标 = 数组.length - 1

    //利用length获取最后一个元素
    console.log(student[l-1]);
    console.log(student[student.length - 1]);

    // 改变数组长度：减少，删除最后一个元素
    student.length--;
    console.log(student);
</script>

for循环结构

<script>
    // for循环：根据指定的起始位置，根据指定的结束位置，不断的让起始靠近结束，最终超过结束，实现可控的代码的重复执行
    /*
        for循环语法结构：固定结构
        for(;;){

        }

        for(起始条件 ; 结束条件判定 ; 条件变更){
            循环体 （要重复的代码）
        }
        起始条件：定义计数器
        结束条件判定：判定计数器是否已经到达终点
        循环体：要重复的代码
        条件变更：计数器每次改变自己
    */

      
    // 数组遍历

        for(let i = 0; i < student.length; i++){
            console.log(i,student[i]);
        }
</script>

break与continue关键字

1. break: 结束整个语句

              break既可以用于循环结构也可以用于switch分支结构

     2. continue: 结束本次循环体，进入下一次循环判断

              continue只能用于循环体结构语句