05-第五章 javascript数据类型 判断 条件语句

一 、javascript数据类型

六大数据类型 Number String Boolean null Undefined Object（[] {} function）

ES6：

symbol

1. Number 数字

var num = 123;

2.String 字符串

var str = 'ok'

3.Boolean 布尔值 true/false

var  onoff = true ;

4.Function 函数

1.    一 函数表达式
2.var abc = function(){}
3.    二 函数定义
4.function abc(){
5.}

5.Object 对象

（节点对象、自定义对象、array(数组)、json、null、系统对象） 简单介绍array json
Undefined 未定义

typeof obj 判断类型

二、判断语句

• 尽量不要发生多层嵌套的if

判断语句返回Boolean（布尔值）

1. == 判断值
2. > 大于
3. < 小于
4. <= 小于等于
5. >= 大于等于
6. != 不等于
7. === 全等于 除了判断值，还会判断数据类型
8. !== 不全等

== 和 ! = 当两个比较参数类型不同时，会发生类型转换
=== 和 ! == 不会发生类型转换

>= <=值类型不同时，也会发生类型转换

++ 和 -- 会自动的把字符串转化为数值，值不相等时还会发生类型转换！

false
0
""
null
undefined
nan

• 比较符最终比较的都是 布尔值
  赋值行为不是比较行为

三、 if 条件语句

当我们的if判断只有一条语句的时候，并且语句只有一条的时候，后面的花括号可以不用写，两条就不行

if (a > 5) a = 1;

        let a = 1,
            b = 2,
            c = 3;
            d = 4;

        if ( a === b ) {
            console.log("输出1");
        }else if ( b === c ) {
            console.log("输出2");
        }else if ( c === d ) {
            console.log("输出3");
        }else {
            console.log("都不是");
        }

if()中的条件会强制转化为布尔值，为false数据: false 0 '' null undefined NaN

四、 三目运算

if一定有且仅有两个分支，并且每个分支只有一条语句

        a === b ? console.log("输出1") : console.log("都不是");     

等同于

        let a = 1,
            b = 2,
            c = 3;
            d = 4;

        if ( a === b ) {
            console.log("输出1");
        }else {
            console.log("都不是");
        }

当我们逻辑中的都是执行同一个函数，那我们又可以进行缩写（等同于上面）

        console.log( a === b ? "输出1" : "都不是" )

五、switch case 条件语句

if 可以写成 switch语句必须满足的条件

每一次的分支判断都是采用的三个等于（===）
每一个分支的三个等于都是对用一个条件的判断

        switch ( a ) {
            case a === b :
            console.log("输出1");
            break;

            case a === c :
            console.log("输出2");
            break;

            case a === d :
            console.log("输出3");
            break;

            default: 
            console.log("都不是");
            break;
        }

break break 语句。它用于跳出 switch() 语句，来阻止代码自动地向下一个 case 运行
default 关键词来规定匹配不存在时做的事情

开关代码

    <div id="box"></div>

    <script>
        let box = document.getElementById("box");
        let mark = true;
        box.onclick = function () {
            if ( mark ) {
                box.style.width = "500px";
                mark = false;
            }else{
                box.style.width = "100px";
                mark = true;
            }
        }
    </script>