JS运算符和表达式

// 比较运算符:

        // >   <   >=  <=   ==    !=(不等于)    ===（恒等于）

        console.log(30>20);// true

        console.log(30<20);//false

        console.log(30>=20);// true

        console.log(30<=20);// false

        console.log(30==20);// false

        console.log(30!=20);// true

        // 两个字符比较 (比较的是ASCII码值，一位一位进行比较)

        // "0"-48    "a"-97    "A"-65

 // 逻辑运算符  &&（与）  ||（或）  ！（非）

            // 基础用法

            // 1.   表达式1 && 表达式2    两真为真

            var a  = true&&true;// true

            var a1 = 1<2 && 2<3;// true

            var b  = true&&false;// false

            var b1 = 1<2 && 2>3;// false

            console.log(a,a1,b,b1);

            // 2.   表达式1 || 表达式2    一真为真

            var a = true&&true;// true

            var a1 = 1<2 &&1>2;// true

            var b = false&&false;// flase

            var b1 = 1>2 && 2>3;// flase

            var c = false&&true;// true

            var c1 = 1>2 && 3>2;// true

            console.log(a,a1,b,b1,c,c1);

            // 3.   !取反（结果true和false）

            var d = true;

            var d1 = 0;

            console.log(!d,!d1);// false true

        // 短路运算 （&& 和 ||）

            // &&短路运算（两真为真）

            // 第一个为false，第二个不执行，执行到哪就将值给左侧

            var a1 = 1;

            var b1 = 2;

            var c1 = --a1 &&  ++b1; //c1=0(false)b1不执行       a=0  b1=2

            console.log(a1,b1,c1) //0 2 0

            // 第一个为true，继续执行第二个，执行到哪就将值给左侧

            var a2 = 2;

            var b2 = 2;

            var c2 = --a1 &&  ++b1; //c1=1（true）&& 3继续执行   a=1  b1=3

            console.log(a1,b1,c1) //1 3 3

            // ||短路运算（一真为真）

            // 第一个为false，继续执行第二个，执行到哪就将值给左侧

            var a3 = 1;

            var b3 = 2;

            var c3 = --a1 &&  ++b1; //a=0 b=3

            console.log(a3,b3,c3)//0 3 3

            // 第一个为true，第二个不执行，执行到哪就将值给左侧

            var a4 = 1;

            var b5 = 2;

            var c6 = ++a1 &&  ++b1; //a=2

            console.log(a3,b3,c3)//2 2 2

 // 三目运算

        // 表达式的值 ？ 结果为true要执行的代码（只能写一行）：结果为false要执行的代码

        // g的取值

        // 大于100执行郭坨坨1，

        // 否则执行郭坨坨2。

        var g = 99;//获取g的值

        g>100?console.log("郭坨坨1"):console.log("郭坨坨2")

// 单分支(

        // 语法： if（判断条件）{条件为true执行的代码}  （不加大括号只能跟一句话）

        // 条件为true执行郭坨坨1，否则不执行

        var g = 1;

        if (g=1){

            console.log("郭坨坨1")

练习：

// 获取按钮ob和文字p

        var ob = document.getElementsByTagName("button");

        var op = document.getElementsByTagName("p")[0];

        // 添加第一点击事件 点击文字放大2px

        var n = 12;

        ob[0].onclick=function(){

            n +=2;

            if(n>36){

                n=36;

            }

            op.style.fontSize=n+"px";

        }

        ob[1].onclick=function(){

            n -=2;

            if(n<12){

                n=12;

            }

            op.style.fontSize=n+"px";

        }

// 双分支

        // 语法： if（判断条件）{条件成立执行的代码}else{条件不成立的代码}

        // 需求：g=1

        //      条件成立执行郭坨坨1

        //      条件不成立执行郭坨坨2

        var g =1;

        if(g>1){

            console.log("郭坨坨1")

        }else{

            console.log("郭坨坨2")

        }

 // 多分支

        // 语法：if（条件1）{条件一成立执行的代码}else if（条件2）{条件2成立执行的代码}else{以上条件不成立执行的代码}

        // 需求：g=1

        //      g>1执行郭坨坨1(if)

        //      g=1执行郭坨坨2(else if)

        //      g<1执行郭坨坨3(else if)

        //      都不符合执行郭坨坨4(else)

    var g="决定执行条件的值";

    if(g>1){

        console.log("郭坨坨1")

    }else if(g==1){

        console.log("郭坨坨2")

    }else if(g<1){

        console.log("郭坨坨3")

    }else{

        console.log("郭坨坨4")

    }

 // switch(匹配条件){

        //      case 情况1：匹配情况1执行的代码；break；

        //      case 情况2：匹配情况2执行的代码；break；

        //      case 情况3：匹配情况3执行的代码；break；

        //      default：以上情况匹配不到的时候执行这里

        // }

        // 需求:

        // g=值

        // g=1执行郭坨坨一

        // g=2执行郭坨坨二

        // g=3执行郭坨坨三

        // g=4执行郭坨坨四

        // 以上情况匹配不到执行郭坨坨五

        switch(g=10){

            case g=1:

                console.log("郭坨坨一");

                break;

            case g=2:

                console.log("郭坨坨二");

                break;

            case g=3:

                console.log("郭坨坨三");

                break;

            case g=4:

                console.log("郭坨坨四");

                break;

            default:console.log("郭坨坨五");

        }

// for循环

        //        多次重复执行，多次有规律的执行

        // 作用： 可以让特定的代码执行指定的次数      

        // 语法： for(初始化循环；循环判断条件；更新循环变量；){循环体}

        //

        // 输出5次郭坨坨

        var g = 0

        for(g;g<5;g++){

            console.log("郭坨坨")

        }

// 数组

        // 语法：[数据1，数据2，数据3]

        // 获取数组的长度arr.legth

        // 获取数组中的某个值arr[1]

        // 需求：将郭坨坨123逐个输出

        var g = ["郭坨坨1","郭坨坨2","郭坨坨3"];

        for (n=0;n<=2;n+=1){

            console.log(g[n]);

        }

// 获取生成标签里的内容

        var op = ["郭坨坨1","郭坨坨2","郭坨坨3","郭坨坨4","郭坨坨5"];

        // 获取生成标签的父元素

        var odiv = document.getElementsByTagName("div")[0];

        // 获取op标签的长度

        console.log(op.length);

        // 生成div里的p标签

        // var n=0;

        for (n=0;n<=4;n++){

            var n1=op[n];

            // div标签里的内容

            odiv.innerHTML +="<p>" +n1+ "</p>";

        }

// array 数组

        // 语法:[数据1、数据2、数据3]

        // 操作;

        // 1.创建ul里的值

        var ga = [郭坨坨1,郭坨坨2,郭坨坨3];

        // 2.利用for循环输出数组中的值

            var i = 0;//ga的内容的下标

            for(i=0;)