关键字“退出、结束、跳过”（day13）

一、break和continue的用法

    1. break关键字可以用来退出switch或循环语句

        不能在if语句中使用break和continue

        break关键字；会立即终止离他最近的那个循环语句

-  可以为循环语句创建一个lable，来标识当前的循环

            lable:循环语句

        使用循环语句的时，可以再break后跟着一个lable，

            这样break将会结束指定的循环，而不是最近的

     2. continue关键字可以用来跳过当次循环

            同样continue也是默认只会对离他最近的循环起作用

<script>
    /*
    break关键字可以用来退出switch或循环语句
        不能在if语句中使用break和continue
        break关键字；会立即终止离他最近的那个循环语句
    */
        // for(var i=0;i<5;i++){
        //     console.log(i);
        //     if(i==2){
        //         break;
        //     } 
        // }

        // if(true){
        //     break;
        //     console.log('hello');
        // }

        // for(var i=0;i<5;i++){
        //     console.log('@外层循环'+i);
        //     for(var j=0;j<5;j++){
        //         break;
        //         console.log('内层循环'+j);
        //     }
        // }

        /*
        可以为循环语句创建一个lable，来标识当前的循环
            lable:循环语句
        使用循环语句的时，可以再break后跟着一个lable，
            这样break将会结束指定的循环，而不是最近的
        */
    //    laber:
        // for(var i=0;i<5;i++){
        //     console.log('@外层循环'+i);
        //     for(var j=0;j<5;j++){
        //         break laber;
        //         console.log('内层循环'+j);
        //     }
        // }


    /*
        continue关键字可以用来跳过当次循环
            同样continue也是默认只会对离他最近的循环起作用
    */
    // for(var i=0;i<5;i++){
    //     // break;
    //     if(i==2){
    //         continue;
    //     }
    //     console.log(i);
    // }

        for(var i=0;i<5;i++){
            for(var j=0;j<5;j++){
                if(j==1){
                    continue;
                }
                console.log('---->'+j);
            }
            if(i==3){
                continue;
            }
            console.log('@---->'+i);
        }
</script>

二、对象以及用法

    JS中数据类型

        - String 字符串

        - Number 数值

        - Boolean 布尔值

        - Null 空值

        - Undefined 未定义

    以上五种数据类型属于基本数据类型

        只要不是上边的5种，全都是对象

        - Object 对象

    基本数据类型都是单一的值 'hello',123  true

        var name='孙悟空';

        var gender='男';

        var age=18;

        值和值之间没有任何的联系

    如果使用基本数据类型的数据，我们所创建的变量都是独立的，不能成为一个整体。

    对象属于一种复合的数据类型，在对象中可以保存多个不同数据类型的属性。

    对象的分类：

        1.内建对象

            - 由ES标准定义的对象，在任何的ES的实现中都可以使用

            - 比如：Math String Number Boolean Function Object...

        2.宿主对象

            - 由JS的运行环境提供的对象，目前来讲主要指浏览器提供的对象

            - 比如 BOM DOM  / console  document

        3.自定义对象

            - 由开发人员自己创建的对象

<script>
    /*
    JS中数据类型
        - String 字符串
        - Number 数值
        - Boolean 布尔值
        - Null 空值
        - Undefined 未定义
    以上五种数据类型属于基本数据类型
        只要不是上边的5种，全都是对象
        - Object 对象 

    基本数据类型都是单一的值 'hello',123  true
        var name='孙悟空';
        var gender='男';
        var age=18;
        值和值之间没有任何的联系
    如果使用基本数据类型的数据，我们所创建的变量都是独立的，不能成为一个整体。
    对象属于一种复合的数据类型，在对象中可以保存多个不同数据类型的属性。

    对象的分类：
        1.内建对象
            - 由ES标准定义的对象，在任何的ES的实现中都可以使用
            - 比如：Math String Number Boolean Function Object...
        2.宿主对象
            - 由JS的运行环境提供的对象，目前来讲主要指浏览器提供的对象
            - 比如 BOM DOM  / console  document
        3.自定义对象
            - 由开发人员自己创建的对象
    */

   //创建对象
   /*
    使用new关键字调用的函数，是构造函数constructor
      构造函数是专门用来创建对象的函数
    使用typeof检查一个对象时，会返回object
   */
   var obj=new Object();
   var str='hello';
   var num=123;
    //    console.log(obj);
    //    console.log(str);
    //    console.log(num);

    /*
        在对象中保存的值称为属性
        向对象添加属性
            语法：对象.属性名=属性值;
    
    */
   //向obj中添加一个name属性
   obj.name='陈圆圆';
    //向obj中添加一个gender属性
    obj.gender='女';
    //向obj中添加一个age属性
    obj.age=18;
//    console.log(obj);


    /*
    读取对象中的属性
        语法：对象.属性名
    如果读取对象中没有的属性，不会报错而是会返回undefined
    */
//    console.log(obj.name);
//    console.log(obj.age);
//    console.log(obj.gender);
//    console.log(obj.baby);

   /*
    修改对象的属性
        语法：对象.属性名=新值
   */
    obj.name='隆涛涛'
    // console.log(obj.name); 

    /*
     删除对象的属性
        语法：delete 对象.属性名
    */
        delete obj.name;
        console.log(obj);
        console.log(obj.name);
</script>

三、属性名属性值

<script>
        var obj=new Object(); 
    /*
        向对象中添加属性
            属性名：
              - 对象的属性名不强制要求遵守标识符的规范
                什么乱七八糟的名字都可以使用
              - 但是我们使用时还是尽量按照标识符的规范去做
    */ 
//    obj.name='孙悟空';
//    obj.var='hello';
    /*
        如果使用特殊的属性名，不能采用.的方式来操作
            需要使用另一种方式
                语法：对象['属性名']=属性值
            读取时也要采用这种方式
        使用[]这种方式去操作属性，更加的灵活
            在[]中可以直接传递一个变量，这样变量值时多少就会读取哪个属性
    */
//    obj['123']=789;
//    obj['#$%^&*(IUHGFEDCFTYTF']='你好';
//    var n ='nihao';
//    console.log(obj['123']);
//    console.log(obj[n]);
//    console.log(obj['#$%^&*(IUHGFEDCFTYTF']);

    /*
        属性值
            JS对象的属性值，可以是任意的数据类型
    */
        obj.test=true;

        //创建一个对象
        var obj2=new Object();
        obj2.name='猪八戒';
        //将obj2设置为obj属性
        obj.test=obj2;
        // // console.log(obj);
        // console.log(obj.test);
        // console.log(obj.test.name);

        /*
        in 运算符
            -  通过该运算符可以检查一个对象中是否含有指定的属性
                    如果有则返回true，没有则返回false
                语法：
                    '属性名' in 对象
        */
        // console.log(obj.test2);

        //检查obj中是否含有test2属性
        console.log('test2' in obj);
        console.log('test' in obj);
        console.log('name' in obj.test);
</script>