Object的属性和方法常用

2019-07-27  本文已影响0人  haha2333

属性:
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"]
上一篇下一篇

猜你喜欢

热点阅读