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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 数组连接concat()

    concat() 方法用于连接两个或多个数组。此方法返回一个新数组,不改变原来的数组。

    arrayObject.concat(array1,array2,...,arrayN)

    参数说明:

    1- arrayObject:数组对象

    2- array1~n:要连接的数组

    注意:  该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。


    <script type="text/javascript">
      var mya1= new Array("hello!")
      var mya2= new Array("I","love");
      var mya3= new Array("JavaScript","!");
      var mya4=mya1.concat(mya2,mya3);
      document.write(mya4);
    </script>


    查看全部
  • Array 数组对象

    数组对象是一个对象的集合,里边的对象可以是不同类型的。数组的每一个成员对象都有一个“下标”,用来表示它在数组中的位置,是从零开始的

    数组定义的方法:

    1- 定义了一个空数组:

    var  数组名= new Array();

    2- 定义时指定有n个空元素的数组:

    var 数组名 =new Array(n);

    3- 定义数组的时候,直接初始化数据:

    var  数组名 = [<元素1>, <元素2>, <元素3>...];

    数组元素使用:

    数组名[下标] = 值;

    数组属性:

    1- length 用法:<数组对象>.length;返回:数组的长度,即数组里有多少个元素。它等于数组里最后一个元素的下标加一。

    2- 数组方法

    ![20180524152713712753205.png](http://ohfvjymgx.bkt.clouddn.com/20180524152713712753205.png)

    查看全部
    0 采集 收起 来源: Array 数组对象

    2018-05-24

  • 继续循环continue(仅仅跳过本次循环,而整个循环体继续执行)

    语句: 

    for(初始条件;判断条件;循环后条件值更新)

        if(特殊情况)

        {continue;}

        循环代码

    查看全部
  • 退出循环break语句(在while、for、do---while、while循环中使用break语句退出当前循环,直接执行后面的代码。

    语法:

    for(初始条件;判断条件;循环条件值更新)

        if(特殊情况)

        {break;}

        循环代码

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

    2018-05-24

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

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

    2018-05-24

  • Do---whiile循环(循环体至少被执行一次。先执行代码,后判断条件,如果条件为真,继续循环)

    语法:

    do

    {

        循环语句

    while(判断条件) 

    查看全部
  • while循环(重复执行一段代码,直到某个条件不再满足)

    语法:

    while(判断条件)

    {

        循环语句

    }

    查看全部
  • 数组存储的数据可以是任何类型(数字、字符、布尔值等)

    查看全部
  • 随机数 random()

    Math.random();

    注意:返回一个大于或等于 0 但小于 1 的符号为正的数字值。

    获得0 ~ 10之间的随机数,代码如下:

    <script type="text/javascript">
      document.write((Math.random())*10);
    </script>


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

    2018-05-24

  • 重复循环(for循环)

    语法:

    for(初始化变量;循环条件;循环迭代)

    {

        循环语句

    }

    查看全部
  • 四舍五入round()

    Math.round(x)

    注意:

    1. 返回与 x 最接近的整数。

    2. 对于 0.5,该方法将进行上舍入。(5.5 将舍入为 6)

    3. 如果 x 与两侧整数同等接近,则结果接近 +∞方向的数字值 。(如 -5.5 将舍入为 -5; -5.52 将舍入为 -6),如下图:

    ![20180524152713198710904.png](http://ohfvjymgx.bkt.clouddn.com/20180524152713198710904.png)


    <script type="text/javascript">
      document.write(Math.round(1.6)+ "<br>");
      document.write(Math.round(2.5)+ "<br>");
      document.write(Math.round(0.49)+ "<br>");
      document.write(Math.round(-6.4)+ "<br>");
      document.write(Math.round(-6.6));</script>
    2
    3
    0
    -6
    -7


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

    2018-05-24

  • 向下取整floor()

    Math.floor(x)

    注意:返回的是小于或等于x,并且与 x 最接近的整数。

    <script type="text/javascript">
      document.write(Math.floor(0.8)+ "<br>")
      document.write(Math.floor(6.3)+ "<br>")
      document.write(Math.floor(5)+ "<br>")
      document.write(Math.floor(3.5)+ "<br>")
      document.write(Math.floor(-5.1)+ "<br>")
      document.write(Math.floor(-5.9))
    </script>
    0
    6
    5
    3
    -6
    -6


    查看全部
    0 采集 收起 来源:向下取整floor()

    2018-05-24

  • 多种选择(Switch语句) 

    语法:

    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后的语句。

    查看全部
  • 向上取整ceil()

    Math.ceil(x)

    注意:它返回的是大于或等于x,并且与x最接近的整数。


    <script type="text/javascript">
      document.write(Math.ceil(0.8) + "<br />")
      document.write(Math.ceil(6.3) + "<br />")
      document.write(Math.ceil(5) + "<br />")
      document.write(Math.ceil(3.5) + "<br />")
      document.write(Math.ceil(-5.1) + "<br />")
      document.write(Math.ceil(-5.9))
    </script>
    1
    7
    5
    4
    -5
    -5


    查看全部
    0 采集 收起 来源:向上取整ceil()

    2018-05-24

  • Math对象

    Math对象,提供对数据的数学计算。

    <script type="text/javascript">
      var mypi=Math.PI; 
      var myabs=Math.abs(-15);
      document.write(mypi);
      document.write(myabs);
    </script>

    Math 对象属性

    ![2018052415271315716527.png](http://ohfvjymgx.bkt.clouddn.com/2018052415271315716527.png)

    Math 对象方法

    ![2018052415271316209631.png](http://ohfvjymgx.bkt.clouddn.com/2018052415271316209631.png)

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

    2018-05-24

举报

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

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