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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 我与你同在(逻辑与操作符)

    数学里面的“a>b”,在JavaScript中还表示为a>b;数学中的“b大于a,b小于c”是“a<b<c”,那么在JavaScript中可以用&&表示,如下:

    b>a && b<c    //“&&”是并且的意思, 读法"b大于a"并且" b小于c "

     

    好比我们参加高考时,在进入考场前,必须出示准考证和身份证,两者缺一不可,否则不能参加考试,表示如下:

    if(有准考证 &&有身份证)  {    进行考场考试 }

     

     “&&”是逻辑与操作符,只有“&&”两边值同时满足(同时为真),整个表达式值才为真。

    逻辑与操作符值表:

    注意: 如果A为假,A && B为假,不会在执行B; 反之,如果A为真,要由 B 的值来决定 A && B 的值。


    查看全部
  • 较量较量(比较操作符)

    我们先来做道数学题,数学考试成绩中,小明考了90分,小红考了95分,问谁考的分数高? 答: 因为“95 > 90”,所以小红考试成绩高。

    其中大于号">" 就是比较操作符,小红考试成绩和小明考试成绩就是操作数,并且是两个操作数。

    也就是说两个操作数通过比较操作符进行比较,得到值为真(true)和假(false)。

    在JavaScript中,这样的比较操作符有很多,这些操作符的含义如下: 


    看看下面例子:  

    var a = 5;//定义a变量,赋值为5 var b = 9; //定义b变量,赋值为9 document.write (a<b); //a小于b的值吗? 结果是真(true) document.write (a>=b); //a大于或等于b的值吗? 结果是假(false) document.write (a!=b); //a不等于b的值吗? 结果是真(true) document.write (a==b); //a等于b的值吗? 结果是假(false)

                   


    查看全部
  • 自加一,自减一 ( ++和- -)

    算术操作符除了(+、-、*、/)外,还有两个非常常用的操作符,自加一“++”;自减一“--”。首先来看一个例子:

    mynum = 10; mynum++; //mynum的值变为11 mynum--; //mynum的值又变回10

     

    上面的例子中,mynum++使mynum值在原基础上增加1,mynum--使mynum在原基础上减去1,其实也可以写成:

    mynum = mynum + 1;//等同于mynum++ mynum = mynum - 1;//等同于mynum--


    查看全部
  • 我还有其它用途( +号操作符)

    操作符是用于在JavaScript中指定一定动作的符号。

    (1)操作符

    看下面这段JavaScript代码。

    sum = numa + numb;

     

    其中的"=""+"都是操作符。

    JavaScript中还有很多这样的操作符,例如,算术操作符(+、-、*、/等),比较操作符(<、>、>=、<=等),逻辑操作符(&&、||、!)。

    注意: “=” 操作符是赋值,不是等于。

    (2) "+"操作符

    算术运算符主要用来完成类似加减乘除的工作,在JavaScript中,“+”不只代表加法,还可以连接两个字符串,例如:

    mystring = "Java" + "Script"; // mystring的值“JavaScript”这个字符串


    查看全部
  • 表达出你的想法(表达式)

    表达式与数学中的定义相似,表达式是指具有一定的值、用操作符把常数和变量连接起来的代数式。一个表达式可以包含常数或变量。

    我们先看看下面的JavaScript语句:

    生活中“再见”表达方法很多,如:英语(goodbye)、网络语(88)、肢体语(挥挥手)等。在JavaScript表达式无处不在,所以一定要知道可以表达哪些内容,看看下面几种情况:

    注意:串表达式中mychar是变量

     

    注意:数值表达式中num是变量

     

    注意:布尔表达式中num是变量


    查看全部
  • 多样化的我(变量赋值)

    我们可以把变量看做一个盒子,盒子用来存放物品,那如何在变量中存储内容呢?

    我们使用"="号给变量存储内容,看下面的语句:

    var mynum = 5 ; //声明变量mynum并赋值。

     

    这个语句怎么读呢? 给变量mynum赋值,值为5。我们也可以这样写:

    var mynum; //声明变量mynum mynum = 5 ; //给变量mynum赋值

     

    注:这里 "="号的作用是给变量赋值,不是等于号。

    盒子可以装衣服、玩具、水果...等。其实,变量是无所不能的容器,你可以把任何东西存储在变量里,如数值、字符串、布尔值等,例如:

    var num1 = 123;       // 123是数值 var num2 = "一二三";    //"一二三"是字符串 var num3=true;    //布尔值true(真),false(假)

     

    其中,num1变量存储的内容是数值;num2变量存储的内容是字符串,字符串需要用一对引号""括起来,num3变量存储的内容是布尔值(true、false)。


    查看全部
  • 确定你的存在(变量声明)

    我们要使用盒子装东西,是不是先要找到盒子,那在编程中,这个过程叫声明变量,找盒子的动作,如何表示:

    声明变量语法: var 变量名;

    var就相当于找盒子的动作,在JavaScript中是关键字(即保留字),这个关键字的作用是声明变量,并为"变量"准备位置(即内存)。

    var mynum ; //声明一个变量mynum

    当然,我们可以一次找一个盒子,也可以一次找多个盒子,所以Var还可以一次声明多个变量,变量之间用","逗号隔开。

    var num1,mun2 ; //声明一个变量num1

    注意:变量也可以不声明,直接使用,但为了规范,需要先声明,后使用。


    查看全部
  • 给变量取个名字(变量命名)

    我们为了区分盒子,可以用BOX1,BOX2等名称代表不同盒子,BOX1就是盒子的名字(也就是变量的名字)。

    我们赶快给变量取个好名字吧!变量名字可以任意取,只不过取名字要遵循一些规则:

    1.必须以字母、下划线或美元符号开头,后面可以跟字母、下划线、美元符号和数字。如下:

    正确:                mysum                 _mychar              $numa1

    错误:   6num  //开头不能用数字   %sum //开头不能用除(_ $)外特殊符号,如(%  + /等)   sum+num //开头中间不能使用除(_ $)外特殊符号,如(%  + /等)

    2.变量名区分大小写,如:A与a是两个不同变量。

    3.不允许使用JavaScript关键字和保留字做变量名。


    查看全部
  • 获取指定节点的父节点。

    语法:

    elementNode.parentNode;

    注意:父节点只能有一个。

    看看下面的例子,获取 P 节点的父节点,代码如下:

    <div id="text">

        <p id="con"> parentNode 获取指点节点的父节点</p>

    </div>

    <script type="text/javascript">

        var mynode= document.getElementById("con");

        document.write(mynode.parentNode.nodeName);

    </script>

    运行结果:

    parentNode 获取指点节点的父节点
    DIV

    访问祖节点:

    elementNode.parentNode.parentNode;

    看看下面的代码:

    <div id="text">

        <p>

            parentNode

            <span id="con"> 获取指点节点的父节点</span>

        </p>

    </div>

    <script type="text/javascript">

        var mynode= document.getElementById("con");

        document.write(mynode.parentNode.parentNode.nodeName);

    </script>

    运行结果:

    parentNode获取指点节点的父节点
    DIV

    注意:浏览器兼容问题,chrome、firefox等浏览器标签之间的空白也算是一个文本节点。

    查看全部
  • var myarray=new Array(3);

    document.write("数组:"+myarray);

    它定义的数组内容是“空,空”,文本显示的使整个数组所以只留下了“,”号,如果他这样定义数组var myarr=new Array(3),数组内容是“空,空,空”,那文本显示的会是“,,”号,以此类推                                

    查看全部
  • 数组排序sort()

    sort()方法使数组中的元素按照一定的顺序排列。

    语法:

    arrayObject.sort(方法函数)

    参数说明:

    1.如果不指定<方法函数>,则按unicode码顺序排列。

    2.如果指定<方法函数>,则按<方法函数>所指定的排序方法排序。

    myArray.sort(sortMethod);

    注意: 该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下: 

      若返回值<=-1,则表示 A 在排序后的序列中出现在 B 之前。
      若返回值>-1 && <1,则表示 A 和 B 具有相同的排序顺序。
      若返回值>=1,则表示 A 在排序后的序列中出现在 B 之后。

    1.使用sort()将数组进行排序,代码如下:

    <script type="text/javascript">   var myarr1 = new Array("Hello","John","love","JavaScript");    var myarr2 = new Array("80","16","50","6","100","1");   document.write(myarr1.sort()+"<br>");   document.write(myarr2.sort()); </script>

    运行结果:

    Hello,JavaScript,John,love 1,100,16,50,6,80

    注意:上面的代码没有按照数值的大小对数字进行排序。

    2.如要实现这一点,就必须使用一个排序函数,代码如下:

    <script type="text/javascript">   function sortNum(a,b) {   return a - b;  //升序,如降序,把“a - b”该成“b - a” }  var myarr = new Array("80","16","50","6","100","1");   document.write(myarr + "<br>");   document.write(myarr.sort(sortNum)); </script>

    运行结果:

    80,16,50,6,100,1 1,6,16,50,80,100


    查看全部
    0 采集 收起 来源: 数组排序sort()

    2018-10-25

  • 选定元素slice()

    slice() 方法可从已有的数组中返回选定的元素。

    语法

    arrayObject.slice(start,end)

    参数说明:

    1.返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。

    2. 该方法并不会修改数组,而是返回一个子数组。

    注意:

    1. 可使用负值从数组的尾部选取元素。

    2.如果 end 未被规定,那么 slice() 方法会选取从 start 到数组结尾的所有元素。

    3. String.slice() 与 Array.slice() 相似。

    我们将创建一个新数组,然后从其中选取的元素,代码如下:

    <script type="text/javascript">   var myarr = new Array(1,2,3,4,5,6);   document.write(myarr + "<br>");   document.write(myarr.slice(2,4) + "<br>");   document.write(myarr); </script>

    运行结果:

    1,2,3,4,5,6 3,4 1,2,3,4,5,6


    查看全部
    0 采集 收起 来源:选定元素slice()

    2018-10-25

  • 颠倒数组元素顺序reverse()

    reverse() 方法用于颠倒数组中元素的顺序。

    语法:

    arrayObject.reverse()

    注意:该方法会改变原来的数组,而不会创建新的数组。

    定义数组myarr并赋值,然后颠倒其元素的顺序:

    <script type="text/javascript">   var myarr = new Array(3)   myarr[0] = "1"   myarr[1] = "2"   myarr[2] = "3"   document.write(myarr + "<br />")   document.write(myarr.reverse()) </script>

    运行结果:

    1,2,3 3,2,1


    查看全部
  • 指定分隔符连接数组元素join()

    join()方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。

    语法:

    arrayObject.join(分隔符)

    参数说明:

    注意:返回一个字符串,该字符串把数组中的各个元素串起来,用<分隔符>置于元素与元素之间。这个方法不影响数组原本的内容。 我们使用join()方法,将数组的所有元素放入一个字符串中,代码如下:

    <script type="text/javascript">   var myarr = new Array(3);   myarr[0] = "I";   myarr[1] = "love";   myarr[2] = "JavaScript";   document.write(myarr.join()); </script>

    运行结果:

    I,love,JavaScript

    我们将使用分隔符来分隔数组中的元素,代码如下:

    <script type="text/javascript">   var myarr = new Array(3)   myarr[0] = "I";   myarr[1] = "love";   myarr[2] = "JavaScript";   document.write(myarr.join(".")); </script>

    运行结果:

    I.love.JavaScript


    查看全部
  • Array 数组对象

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

    数组定义的方法:

    1. 定义了一个空数组:

    var  数组名= new Array();

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

    var 数组名 =new Array(n);

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

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

    我们定义myArray数组,并赋值,代码如下:

    var myArray = [2, 8, 6];

    说明:定义了一个数组 myArray,里边的元素是:myArray[0] = 2; myArray[1] = 8; myArray[2] = 6。

    数组元素使用:

    数组名[下标] = 值;

    注意: 数组的下标用方括号括起来,从0开始。

    数组属性:

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

    数组方法:


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

    2018-10-25

举报

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

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