17js学习第五天第1部分对象

  // 01JavaScript对象
    // 数据类型   引用数据类型
    var person={
        name:"张三",
        age:18,
        prop:function(){
            console.log("吹")
        }
    }

// 02JavaScript对象的分类

    // 内置对象
    // 圆周率   3.1415926
    console.log(Math.PI);
    console.log(new Date());

    // 宿主对象
    console.log(document);    
    console.log(window);
    // nodejs  global

    // 自定义对象
    var math2={
        PI2:3.1415927
    }
    console.log(math2.PI2);

// 03JavaScript对象的声明
    
    // 1.字面量 声明 {}
    var obj={
        name:"张三",
        age:18,
        hobby:function(){
            return "抽烟，喝酒，烫头"
        }
    }

    // 2.通过 new 关键字声明  构造(对象)函数
    var obj2=new Object();
    // 添加属性和方法
    obj2.name="李四";
    obj2["age"]=19;
    obj2["hobby"]=function(){
        return "吃饭，睡觉，打豆豆"
    }

    console.log(obj);
    console.log(obj2);

// 04JavaScript对象属性的操作
    
    // 1.字面量 声明 {}
    var obj={
        name:"张三",
        age:18,
        hobby:function(){
            return "抽烟，喝酒，烫头"
        }
    }

    // 如何访问对象的属性  object.property（属性）
    console.log(obj.name);
    console.log(obj.age);
    // 访问对象的方法
    console.log(obj.hobby());

    // object["property"]（属性）  对象的键必须是字符串类型
    console.log(obj["name"]);
    console.log(obj["age"]);
    console.log(obj["hobby"]());

    console.log(obj["sex"]);// undefined

    // 2.通过 new 关键字声明  构造(对象)函数
    var obj2=new Object();
    // 添加属性和方法
    obj2.name="李四";
    obj2["age"]=19;
    obj2["hobby"]=function(){
        return "吃饭，睡觉，打豆豆"
    }

    // 删除对象的属性  delete 关键字
    // delete:删除对象的属性
    console.log(obj2);
    delete obj2.name;
    delete obj2.age;
    console.log(obj2);

    // 遍历对象的属性  for...in
    // 语法：prop in object    
    for(x in obj){
        console.log(x+":"+obj[x]);
    }

    // 检测对象的属性是否存在
    // 使用 in 检查对象中是否包含指定的属性  
    // "属性" in 对象  返回 true false
    console.log("sex" in obj);
    if("name" in obj){
        console.log("obj对象包含name属性")
    }else{
        console.log("obj对象不包含name属性")
    }

    // hasOwnProperty() 检测是否 含有 属性
    console.log(obj.hasOwnProperty("name"));//true
    console.log(obj.hasOwnProperty("sex"));//fasle

// 05JavaScript对象的注意事项
    
    // 1.对象可以嵌套对象  属性值可以为任意数据类型
    var caoshuai={
        name:"曹帅",
        age:20,
        boyFriend:{
            name:"马士洋",
            age:21
        }
    }

    console.log(caoshuai.boyFriend.name);

    // 2.对象的属性具有唯一性   key是唯一的  
    var person={
        name:"孙悟空",
        age:500,
        name:"白龙马"
    }
    person.name="唐僧";
    console.log(person)

    // 3.对象的键必须是字符串类型
    // var person2={
    //     name:"字符串",
    //     1:'2',
    //     "[]":"数组",
    //     "{}":"对象",
    //     null:"kong",
    //     undefined:"未定义"
    // }
    // // console.log(person2)
    // for(x in person2){
    //     console.log(typeof x);//string
    // }

    // 键为非字符串类型，会转换为字符串类型
    var a={name:"a"};
    var b={name:"b"};
    var c=[1,2,3,];
    var d=[4,5,6];
    // 创建一个空对象
    var obj={};
    // 可以给对象添加属性
    obj[a]=10;
    console.log(obj);// [object Object]
    obj[b]=20;
    console.log(obj);// [object Object]
    obj[c]=30;
    console.log(obj);
    obj[d]=40;    
    console.log(obj);
    console.log(obj[a]);//?  20