美文网首页
Object的属性和方法常用

Object的属性和方法常用

作者: haha2333 | 来源:发表于2019-07-27 09:53 被阅读0次

    属性:
    value:默认为undefined
    writable:默认为false ,不可修改属性值。
    enumerable:默认为false ,控制属性是否出现在对象的属性枚举中(for in)
    configurable:默认为false ,不可配置的(就是不可以通过defineProperty修改其他描述符)
    `set
    constructor:用于创建一个对象的原型。

    方法:这里的Object可以替换为其他对象

    Object.hasOwnProperty()

    返回一个布尔值,表示某个对象是否含有指定的属性,而且此属性非原型链继承

    var cc={a:5}
    cc.hasOwnProperty('a') // true
    

    Object.prototype.isPrototypeOf()

    返回一个布尔值,表示指定的对象是否在本对象的原型链中。

    var bb= new Array (1,2,3,4)
    Array.prototype.isPrototypeOf(bb)  //true,原型链上头在第一个参数位置
    

    Object.prototype.propertyIsEnumerable()

    判断指定属性是否可枚举。

    var tt={
        t:"tt"
    }
    tt.propertyIsEnumerable('t')
    

    Object.prototype.toString()

    返回对象的字符串表示。

    var arr =[1,23,2]
    arr.toString() // "1,23,2"
    

    Object.prototype.valueOf()

    返回指定对象的原始值。

    // Array:返回数组对象本身
    var array = ["ABC", true, 12, -5];
    console.log(array.valueOf() === array);   // true
    
    // Date:当前时间距1970年1月1日午夜的毫秒数
    var date = new Date(2013, 7, 18, 23, 11, 59, 230);
    console.log(date.valueOf());   // 1376838719230
    
    // Number:返回数字值
    var num =  15.26540;
    console.log(num.valueOf());   // 15.2654
    
    // 布尔:返回布尔值true或false
    var bool = true;
    console.log(bool.valueOf() === bool);   // true
    
    // new一个Boolean对象
    var newBool = new Boolean(true);
    // valueOf()返回的是true,两者的值相等
    console.log(newBool.valueOf() == newBool);   // true
    // 但是不全等,两者类型不相等,前者是boolean类型,后者是object类型
    console.log(newBool.valueOf() === newBool);   // false
    
    // Function:返回函数本身
    function foo(){}
    console.log( foo.valueOf() === foo );   // true
    var foo2 =  new Function("x", "y", "return x + y;");
    console.log( foo2.valueOf() );
    /*
    ƒ anonymous(x,y
    ) {
    return x + y;
    }
    */
    
    // Object:返回对象本身
    var obj = {name: "张三", age: 18};
    console.log( obj.valueOf() === obj );   // true
    
    // String:返回字符串值
    var str = "http://www.xyz.com";
    console.log( str.valueOf() === str );   // true
    
    // new一个字符串对象
    var str2 = new String("http://www.xyz.com");
    // 两者的值相等,但不全等,因为类型不同,前者为string类型,后者为object类型
    console.log( str2.valueOf() === str2 );   // false
    

    其他方法:

    Object.assign(target, …sources)

    把任意多个的源对象自身的可枚举属性拷贝给目标对象,然后返回目标对象。
    存在同名属性覆盖的风险,除非你用Symbol

    Object.create(proto,[propertiesobject])

    创建一个拥有指定原型和若干个指定属性的对象。

    var obj = Object.create({},{
            "a":{value :1,congigurable :false,enumerable :true,writable:true},
            "b":{value :2,congigurable :false,enumerable :true,writable:true},
            "c":{value :3,congigurable :false,enumerable :true,writable:true}
        });
    
    console.log(obj.a)//输出 1
    console.log(obj.b)//输出 2
    console.log(obj.c)//输出 3
    
    

    Object.defineProperties(obj, props)

    在一个对象上添加或修改一个或者多个自有属性,并返回该对象。

    Object.defineProperty(o, "a", {
      value : 37,
      writable : true,
      enumerable : true,
      configurable : true
    });
    

    一般来说,系统的属性是不可数的。自定义属性一般来说是可数的

    Object.defineProperty(obj, prop, descriptor)

    直接在一个对象上定义一个新属性,或者修改一个已经存在的属性, 并返回这个对象。obj:需要定义属性的对象。prop:需定义或修改的属性的名字。descriptor:将被定义或修改的属性的描述符。

    Object.entries(obj)

    返回一个包含由给定对象所有可枚举属性的属性名和属性值组成的 [属性名,属性值] 键值对的数组,数组中键值对的排列顺序和使用for…in循环遍历该对象时返回的顺序一致。

    var obj = { foo: “bar”, baz: 42 }; 
    console.log(Object.entries(obj)); // [ [‘foo’, ‘bar’], [‘baz’, 42] ]
    

    Object.freeze(obj)

    冻结一个对象,冻结指的是不能向这个对象添加新的属性,不能修改其已有属性的值,不能删除已有属性,以及不能修改该对象已有属性的可枚举性、可配置性、可写性。也就是说,这个对象永远是不可变的。该方法返回被冻结的对象。

    Object.getOwnPropertyDescriptor(obj, prop)

    返回指定对象上一个自有属性对应的属性描述符。

    Object.getOwnPropertyNames(obj)

    返回一个由指定对象的所有自身属性的属性名(包括不可枚举属性)组成的数组。

    Object.preventExtensions()

    禁止对象添加新属性,并保留自己的属性

    Object.seal(obj)

    密封对象,在调用Object.preventExtensions()基础上,把所有属性配置为configurable:false
    即不能添加,不能删除,不能配置属性,可以修改属性值

    总结:

    获得对象的属性:
    var testObj= new Object();
    testObj.name = "shangguan";
    testObj.age= 25;
    testObj.action = function () {
         return this.name;
     }
    

    方法1:Object.getOwnPropertyNames(对象名) 方法返回一个指定对象所有自身属性的属性名(包括不可枚举属性但不包括Symbol值作为名称的属性)组成的数组.(不可枚举: 比如属性是一个js方法)

    Object.getOwnPropertyNames(testObj)
    //["name","age","action"]
    

    方法二:Object.keys();该方法返回一个数组,数组内包括对象内可枚举属性以及方法名称。

     Object.keys(testObj);
     //["name", "age", "action"]
    

    方法三:for...in该方法返回一个数组,数组内包括对象内可枚举属性以及方法名称。

     var keys =[];
     for(var i in testObj){
         keys.push(i);
     }
     //["name", "age", "action"]
    

    相关文章

      网友评论

          本文标题:Object的属性和方法常用

          本文链接:https://www.haomeiwen.com/subject/rxidrctx.html