web前端学习(四)JavaScript学习笔记部分(2)-- JavaScript语法详解

2.1、Javascript语法-运算符(1)

  复数运算符  

    %取余

    ++

    --

  赋值运算符

    +=

    -=

    *=

    /=

    %=

  字符串操作

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>
<script>
    var i = 5;
    var j = "5";
    var m = i + j;
    document.write(m);
    /*这里的m是55,因为任何类型与字符串相加结果都会是字符串*/
</script>
</body>
</html>

 

 

  比较运算符

    ==、===、!=、!==、>、<、<=、>=

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    var i = "10";
    var j = "10";
    var k = 10;
    var l = 10;

    document.write(i==k);//true
    document.write(i===k);//false
    document.write(i===j);//true

    // 双等号只要值相等就可以,而三等号需要类型也相同。
    
</script>
</body>
</html>

 

 

  逻辑运算符

    &&、||、!(非)(非的三等号和双等号的区别是相同的)

  条件运算符

    三目运算符:  x<10?

    

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    var i = 9;
    document.write(i>10?"i大于10":"i小于10");

    i>10?document.write("111"):document.write("222");

    i<10?document.write("111"):document.write("222")
    /*条件语句还可以这样用呢,666*/
    /*条件语句写不写分号都可以,舒服啊*/
</script>
</body>
</html>

 

 

2.2、Javascript语法-运算符(2)

  在上面完写了。。。

2.3、Javascript语法-条件语句if...else

   已经跟1+1差不多的就不记录了

2.4、Javascript语法-条件语句switch

   

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    var i = 2;
    switch(i){
        case 1:
            document.write("i=1");
            break;/*跳出当前循环,不加就会继续执行下面语句*/
        case 2:
            document.write("i=2");
            break;
        case 3:
            document.write("i=3");
            break;
        default:
            document.write("都不满足条件");
            break;
    }
</script>
</body>
</html>

 

 

2.5、Javascript语法-循环语句for循环

 

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    var i = [1,2,3,4,5,6];
    for(var j = 0; j < 6; j++){
        document.write(i[j]);
        /*二者都是打印数组i中的所有元素*/
    }
    for(var j in i){
        /*需要j是i中的一个元素才能进行遍历。*/
        document.write(i[j]);
    }
</script>
</body>
</html>

 

 

2.6、Javascript语法-循环语句while循环

  注意有do{}while就是先执行一次循环体内的语句。while直接作判断。

2.7、Javascript语法-跳转语句

  break和continue

  一种更好的描述continue的方法:结束本次循环进入下一次循环

 

posted @ 2018-12-04 15:32  林丶  阅读(215)  评论(0编辑  收藏  举报