为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
JavaScript进阶篇_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 12345

    532fe841000174db05160622.jpg

    查看全部
    0 采集 收起 来源:Math对象

    2019-09-26

  • continue的作用是仅仅跳过本次循环,而整个循环体继续执行。

    语句结构:

    for(初始条件;判断条件;循环后条件值更新)
    {
      if(特殊情况)
      { continue; }
     循环代码
    }

    上面的循环中,当特殊情况发生的时候,本次循环将被跳过,而后续的循环则不会受到影响。好比输出10个数字,如果数字为5就不输出了。

    执行结果:

    注:上面的代码中,num=5的那次循环将被跳过。


    查看全部
  • 格式如下:

    for(初始条件;判断条件;循环后条件值更新)
    {  if(特殊情况)
      {break;}
      循环代码
    }

    当遇到特殊情况的时候,循环就会立即结束。看看下面的例子,输出10个数,如果数值为5,就停止输出。

     

    执行结果:

    注:当num=5的时候循环就会结束,不会输出后面循环的内容。


    查看全部
    0 采集 收起 来源:退出循环break

    2019-09-26

  • do...while语句结构:

    do{
        循环语句
     }while(判断条件)

    我们试着输出5个数字。

    <script type="text/javascript">
       num= 1;
       do
       {
         document.write("数值为:" +  num+"<br />");
         num++; //更新条件   }
       while (num<=5)
    </script>

    执行结果:

    为什么呢?我们来看下执行思路:


    查看全部
  • while语句结构:

    while(判断条件){
        循环语句
     }

    使用while循环,完成从盒子里取球的动作,每次取一个,共6个球。

    <script type="text/javascript">
    var num=0;  //初始化值while (num<=6)   //条件判断{
      document.write("取出第"+num+"个球<br />");
      num=num+1;  //条件值更新}
    </script>


    查看全部
  • for语句结构:

    for(初始化变量;循环条件;循环迭代)
    {     
        循环语句 
     }

    假如,一个盒子里有6个球,我们每次取一个,重复从盒中取出球,直到球取完为止。

    <script type="text/javascript">
    var num=1;
    for (num=1;num<=6;num++)  //初始化值;循环条件;循环后条件值更新{   document.write("取出第"+num+"个球<br />");
    }
    </script>

    结果:

    执行思路:


    查看全部
  • 语法:

    switch(表达式){case值1:
      执行代码块 1  break;case值2:
      执行代码块 2  break;...case值n:
      执行代码块 n  break;default:
      与 case值1 、 case值2...case值n 不同时执行的代码
    }

    语法说明:

    Switch必须赋初始值,值与每个case值匹配。满足执行该 case 后的所有语句,并用break语句来阻止运行下一个case。如所有case值都不匹配,执行default后的语句。

    假设评价学生的考试成绩,10分满分制,我们按照每一分一个等级将成绩分等,并根据成绩的等级做出不同的评价。

    代码如下:

    执行结果:

    评语: 及格,加油!


    查看全部
  • 语法:

    if(条件1){ 条件1成立时执行的代码}else  if(条件2){ 条件2成立时执行的代码}
    ...else  if(条件n){ 条件n成立时执行的代码}else{ 条件1、2至n不成立时执行的代码}


    查看全部
  • 语法:

    if(条件)
    { 条件成立时执行的代码}
    else
    {条件不成立时执行的代码}


    查看全部
  • 语法:

    if(条件)
    { 条件成立时执行代码}

    注意:if小写,大写字母(IF)会出错!


    查看全部
  • 二维数组

    一维数组,我们看成一组盒子,每个盒子只能放一个内容。

    一维数组的表示: myarray[ ]

    二维数组,我们看成一组盒子,不过每个盒子里还可以放多个盒子。

    二维数组的表示: myarray[ ][ ]

    注意: 二维数组的两个维度的索引值也是从0开始,两个维度的最后一个索引值为长度-1。 

    1. 二维数组的定义方法一

    var myarr=new Array();  //先声明一维  for(var i=0;i<2;i++){   //一维长度为2    myarr[i]=new Array();  //再声明二维     for(var j=0;j<3;j++){   //二维长度为3    myarr[i][j]=i+j;   // 赋值,每个数组元素的值为i+j    }  }


    注意: 关于for 循环语句,请看第四章4-5 。

    将上面二维数组,用表格的方式表示:

    2. 二维数组的定义方法二

    var Myarr = [[0 , 1 , 2 ],[1 , 2 , 3]]

    3. 赋值

    myarr[0][1]=5; //将5的值传入到数组中,覆盖原有值。

    说明: myarr[0][1] ,0 表示表的行,1表示表的列。


    查看全部
    0 采集 收起 来源:二维数组

    2019-09-26

  • 语法:

    myarray.length; //获得数组myarray的长度

    注意:因为数组的索引总是由0开始,所以一个数组的上下限分别是:0和length-1。如数组的长度是5,数组的上下限分别是0和4。

    var arr=[55,32,5,90,60,98,76,54];//包含8个数值的数组arr document.write(arr.length); //显示数组长度8document.write(arr[7]); //显示第8个元素的值54

    同时,JavaScript数组的length属性是可变的,这一点需要特别注意。

    arr.length=10; //增大数组的长度document.write(arr.length); //数组长度已经变为10

    数组随元素的增加,长度也会改变,如下:

    var arr=[98,76,54,56,76]; // 包含5个数值的数组document.write(arr.length); //显示数组的长度5arr[15]=34;  //增加元素,使用索引为15,赋值为34alert(arr.length); //显示数组的长度16


    查看全部
  • 二维数组

    1. 二维数组的定义方法一

    var myarr=new Array();  //先声明一维 
    for(var i=0;i<2;i++){   //一维长度为2
       myarr[i]=new Array();  //再声明二维 
       for(var j=0;j<3;j++){   //二维长度为3
       myarr[i][j]=i+j;   // 赋值,每个数组元素的值为i+j
       }
     }

    2. 二维数组的定义方法二

    var Myarr = [[0 , 1 , 2 ],[1 , 2 , 3]]

    3. 赋值

    myarr[0][1]=5; //将5的值传入到数组中,覆盖原有值。

    说明: myarr[0][1] ,0 表示表的行,1表示表的列。


    查看全部
    0 采集 收起 来源:二维数组

    2019-09-26

  • 随机数 random()

    random() 方法可返回介于 0 ~ 1(大于或等于 0 但小于 1 )之间的一个随机数。

    语法:

    Math.random();


    查看全部
    0 采集 收起 来源:随机数 random()

    2019-09-25

  • 四舍五入round()

    round() 方法可把一个数字四舍五入为最接近的整数。

    语法:

    Math.round(x)


    查看全部
    0 采集 收起 来源:四舍五入round()

    2019-09-25

举报

0/150
提交
取消
课程须知
你需要具备HTML、css基础知识,建议同学们也可以想学习下js入门篇,快速认识js,熟悉js基本语法,更加快速入手进阶篇!
老师告诉你能学到什么?
通过JavaScript学习,掌握基本语法,制作简单交互式页面
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!