JS对象一

对象(Object)
- 对象是JS中的引用数据类型
- 对象是一种复合数据类型,在对象中可以保存多个不同数据类型的属性
-对象的分类:
    1.内建对象
        -由ES标准中定义的对象那个,在任何的ES的实现中都可以使用
        -比如,Math String Number Boolean Function Object...
    2.宿主对象
        -由JS的运行环境提供的对象,目前来讲主要指由浏览器提供的对象
        -比如BOM DOM
    3.自定义对象
        -由开发人员自己创建的对象
- 创建对象
    - 方式一:
        -使用new关键字调用的函数,是构造函数constructor
          构造函数是专门用来创建对象的函数
        - 使用typeof检查一个对象时,会返回object
        - var obj = new Object();
    - 方式二:
        - var obj = {};
        
- 向对象中添加属性
    -在对象中保存的值称为属性
    - 语法:
        对象.属性名 = 属性值;
        对象["属性名"] = 属性值;
        
        - 对象的属性名没有任何要求,不需要遵守标识符的规范,
            但是在开发中,尽量按照标识符的要求去写。
        - 属性值也可以任意的数据类型。
        -如果使用特殊的属性名,不能采用.的方式操作
            需要使用另一种方式--对象["属性名"] = 属性值;
            读取也是--对象["属性名"]

- 读取对象中的属性
    - 语法:
        对象.属性名
        对象["属性名"]
    - 如果读取一个对象中没有的属性,它不会报错,而是返回一个undefined
    
- 删除对象中的属性
    - 语法:
        delete 对象.属性名
        delete 对象["属性名"]

-修改对象的属性
    -语法
        对象.属性名=新值
        
- 使用in检查对象中是否含有指定属性
    - 语法:"属性名" in 对象
        - 如果在对象中含有该属性,则返回true
            如果没有则返回false
            
- 使用对象字面量,在创建对象时直接向对象中添加属性
    语法:
        var obj = {
                        属性名:属性值,
                        属性名:属性值,
                        属性名:属性值,
                        属性名:属性值
                }
    对象字面量的属性名可以加引号也可以不加,建议不加,他如果使用特殊名字,则必须加引号
                
- 基本数据类型和引用数据类型
    - 基本数据类型
        String Number Boolean Null Undefined
    - 引用数据类型
        Object
    - 基本数据类型的数据,变量是直接保存的它的值。
        变量与变量之间是互相独立的,修改一个变量不会影响其他的变量。
        var a=123;
        var b=a;
        a++;
        console.log(a);//124console.log(b);//123
    - 引用数据类型的数据,变量是保存的对象的引用(内存地址)。
        如果多个变量指向的是同一个对象,此时修改一个变量的属性,会影响其他的变量。
        var obj=new Object();
        obj.name="孙悟空";
        obj2=obj;
        obj.name="猪八戒";
        console.log(obj.name);//猪八戒
        console.log(obj2.name);//猪八戒
    - 比较两个变量时,对于基本数据类型,比较的就是值,
        对于引用数据类型比较的是地址,地址相同才相同
        var obj3=new Object();
        var obj4=new Object();
        ob3j.name="孙悟空";
        ob4j.name="孙悟空";
        console.log(obj3==obj4);//false
图示1.png

图示2.png

图示3.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。