对象补充（深入） 基本概念、创建、属性方法

<script>
    // js的数据类型
    // 一、原始数据类型: 数值类型number,字符串string，布尔类型bool类型
    // 二、特殊值: undefined,null
    // 三、引用数据类型,赋值的时候是赋值的数据的内存地址: 对象object,数组array，函数function
    // 对象: 一种数据结构,由属性和方法构成。是一类属性和方法的集合。
    // 1. 对象是由键值对构成(key:value),键值对也可以叫对象的属性(键-属性名:值-属性值)。 
    // 2. 对象的属性值可以是任意数据类型，当属性值是函数的时候，就叫对象的方法。
    // 3. 取值: 使用对象的属性可以用.属性名查看对应属性值,也可以用[属性名(或者变量)]方式查看属性值,用[]属性名需要添加""变为字符串,如: ["name"]
    // 4. 对象的属性名是字符串,写的时候一般是省略了"",自动会转为字符串。
    // 5. 赋值: 使用.属性名或者[属性名]给对象属性赋值。


    //对象
    var person = {
        0: 'id',
        name: '刘',
        age: 18,
        sex: '女',
        move: function () {//对象的方法
            console.log('对象的方法');
        }
    }
    console.log('.......................');

    //输出对象的值
    console.log(person.name);
    console.log(person['name']);
    console.log(person[0]);//输出数字型属性  只能以这种方式
    console.log(person['move']);
    console.log(person);//输出整个对象
    console.log('.......................');

    //运行对象里面的方法
    person.move();
    person['move']();
    console.log('.......................');

    //删除对象里面的属性   delete
    delete person[0];
    delete person.move;
    console.log(person);
    console.log('.......................');

    //查看对象的所有属性名。Object是js内置的对象，里面封装了操作js对象的属性和方法。
    var keys = Object.keys(person)//把car对象中的所有属性名提取出来放到一个数组返回
    console.log(keys);
    keys.forEach(function (item) {
        console.log(item + ':' + person[item]);
    })
    console.log('.......................');


    //查看对象里卖弄是否存在某个属性  in，有则返回true,没有则返回false
    console.log('name' in person);

    //遍历对象 for in  (日后开发多数使用object.keys更加简便)
    for (var o in person) {
        console.log(o + ':' + person[o]);
    }
    console.log('.......................');

    //with里面是代码块，作用是操作同一个对象的多个属性，提供一些书写方便（了解）
    with (person) {
        name = '杜';
        sex = '男';
        console.log(sex);
    }
    console.log(person);
    console.log('.......................');


    //引用数据类型赋值的时候是赋值的内存地址
    //引用数据类型中拷贝内存地址的方式叫浅拷贝。
    var car1 = { name: 'car1', type: 'type1' };
    var car2 = car1;
    car2.name = 'car2';
    car3 = car2;
    console.log(car1);//{name: "car2", type: "type1"}
    console.log(car2);//{name: "car2", type: "type1"}
    console.log(car3);//{name: "car2", type: "type1"}
    console.log('.......................');


    //数据的深拷贝，创建一个新的内存地址拷贝数据，数据改变不会对原数据有影响

    var car4 = {};
    Object.keys(car1).forEach(function (item) {
        car4[item] = car1[item];
    })
    console.log('car4:', car4);//{name: "car2", type: "type1"}
    car4.name = 'car4';
    console.log('car1:', car1);//{name: "car2", type: "type1"}
    console.log('car4:', car4);//{name: "car4", type: "type1"}

</script>