zoukankan      html  css  js  c++  java
  • JavaScript 基础(三) 对象 条件判断

    JavaScript的对象是一种无序的集合数据类型,它是由若干键对组成。

     var guagua = {
            name:'瓜瓜',
            birth:1988,
            school:'No.1 Middle School',
            height:1.70,
            weight:65,
            score:null
        };

    JavaScript用一个{...}表示一个对象,键值对以xxx: xxx形式申明,用,隔开。注意,最后一个键值对不需要在末尾加,,
    如果加了,有的浏览器(如低版本的IE)将报错。
    上述对象申明了一个name属性,值是'小明',birth属性,值是1988,以及其他一些属性。最后,把这个对象赋值给变量guagua后,
    就可以通过变量guagua来获取小明的属性了:
        guagua.name; //'瓜瓜'
        guagua.birth; //1988

    访问属性是通过.操作符完成的,但这要求属性名必须是一个有效的变量名。如果属性名包含特殊字符,就必须用''括起来:

        var tutu = {
            name: '图图',
            'middle-school': 'No.1 Middle School'
        };

    图图的属性名middle-school不是一个有效的变量,就需要用''括起来。访问这个属性也无法使用.操作符,必须用['xxx']来访问:

        tutu['middle-school']; //'No.1 Middle School'
        tutu['name']; //‘图图’
        tutu.name; // ‘图图’

    注意: 实际上JavaScript对象的所有属性都是字符串,不过属性对应的值可以是任意数据类型。
    如果访问一个不存在的属性会返回什么呢?JavaScript规定,访问不存在的属性不报错,而是返回undefined:

        var tutu = {
            name: 'tutu'
        };
        tutu.age; //undefined

    由于JavaScript的对象是动态类型,你可以自由地给一个对象添加或删除属性:

     var tutu = {
          name:'tutu'
        };
        tutu.age; //undefind
        tutu.age = 18; //新增一个age属性。
        tutu.age; // 18
        delete tutu.age //删除age 属性
        tutu.age; //undefinde
        delete.tutu['name'] //删除name 属性
        tutu.name; // undefinded
        delete tutu.school; // 删除一个根本不存在的school 属性也不会报错。

    如果我们要坚持tutu 是否拥有某一个属性,可以用in操作符。

        var tutu = {
            name:'图图',
            birth:1988,
            school:'No.1 Middle School',
            height:1.70,
            weight:65,
            score:null
        };
        'name' in xiaoming; // true
        'grade' in xiaoming; // false

    注意:不过要小心,如果in判断一个属性存在,这个属性不一定是xiaoming的,它可能是xiaoming继承得到的:
    'toString' in tutu; // true
    因为toString定义在object对象中,而所有对象最终都会在原型链上指向object,所以tutu也拥有toString属性。
    要判断一个属性是否是tutu自身拥有的,而不是继承得到的,可以用hasOwnProperty()方法:

        var tutu = {
            name: 'tutu'
        };
        tutu.hasOwnProperty('name'); // true
        tutu.hasOwnProperty('toString'); // false

    条件判断,
    JavaScript 使用if(){...}else{...}来进行条件判断。

       var age = 20;
        if(age >= 18){ // 如果age >=18 为true, 则执行if 语句。
            alert('adult');
    
         }else{ // 否则执行else 语句块
            alert('teenager')
        }

    其中else 语句是可选的,如果语句只包含一条语句,那么可以省略{}

        var age = 20;
        if(age >=18)
          alert('adult');
        else
          alert('teenager');

    多行条件判断,如果还要更细致地判断条件,可以使用多个if...else...的组合:

        var age = 3;
         if(age >=18){
            alert('adult')
         } else if (age >= 6){
            alert('teenager');
        }else{
            alert('kid')
        }

    上述多个if...else...的组合实际上相当于两层if...else...:

        var age = 3;
        if(age >=18){
            alert('adult');
        } else{
        if(age >=6){
          alert('teenager');
        }else{
          alert('kid')
          }
        }

    注意:if...else...语句的执行特点是二选一,在多个if...else...语句中,如果某个条件成立,则后续就不再继续判断了。
    JavaScript把null、undefined、0、NaN和空字符串''视为false,其他值一概视为true。

  • 相关阅读:
    Oracle第一课
    Web前端试题
    E
    Kingdom of Black and White
    D. Let's Go Hiking
    2021牛客寒假 第一场
    Codeforces Round #691 (Div. 2)
    CF1461D
    CF1461B
    浙财16th校赛 F因子
  • 原文地址:https://www.cnblogs.com/nmxs/p/5485883.html
Copyright © 2011-2022 走看看