JS-對象經常使用方法整理

查看對象的方法，繼續控制檯輸出，如圖：

 

 

hasOwnProperty()：返回一個布爾值，指示對象自身屬性中是否具備指定的屬性（也就是，是否有指定的鍵）。

let object1 = new Object();
object1.property1 = 42;

object1.hasOwnProperty('property1'); // true
object1.hasOwnProperty('toString'); // false

 

isPrototypeOf()：用於測試一個對象是否存在於另外一個對象的原型鏈上。

function Foo() {}
function Bar() {}
function Baz() {}

Bar.prototype = Object.create(Foo.prototype);
Baz.prototype = Object.create(Bar.prototype);

let baz = new Baz();

Baz.prototype.isPrototypeOf(baz); // true
Bar.prototype.isPrototypeOf(baz); // true
Foo.prototype.isPrototypeOf(baz); // true
Object.prototype.isPrototypeOf(baz); // true

 

toString()：返回一個表示該對象的字符串。

let o = new Object();
o.toString(); // '[object Object]'

 

valueOf()：返回指定對象的原始值。

let o = new Object();
o.valueOf(); // {}

 

 

 

Object.assign()：用於將全部可枚舉屬性的值從一個或多個源對象複製到目標對象。它將返回目標對象。

let target = { a: 1, b: 2 };
let source = { b: 4, c: 5 };

let returnedTarget = Object.assign(target, source);

target; // { a: 1, b: 4, c: 5 }
returnedTarget; // { a: 1, b: 4, c: 5 }

 

Object.create()：建立一個新對象，使用現有的對象來提供新建立的對象的__proto__。即建立一個以指定的對象爲原型的子對象。

Object.setPrototypeOf()：設置一個指定的對象的原型 ( 即, 內部[[Prototype]]屬性）到另外一個對象或null。

Object.getPrototypeOf()：返回指定對象的原型（內部[[Prototype]]屬性的值)。

let person = {name: 'people'};
let me = Object.create(person);
me.name; // 'people'

let proto = {}; let obj = { x: 10 }; Object.setPrototypeOf(obj, proto); proto.y = 20; proto.z = 40; obj.x // 10 obj.y // 20 obj.z // 40

　let p = Object.getPrototypeOf(obj);

　proto === p; // true

 

Object.defineProperties()：直接在一個對象上定義新的屬性或修改現有屬性，並返回該對象。

let obj = {};
Object.defineProperties(obj, {
  'property1': {
    value: true,
    writable: true
  },
  'property2': {
    value: 'Hello',
    writable: false
  }
});

obj.property1; // true
obj.property2; // 'Hello'

 

Object.defineProperty()：會直接在一個對象上定義一個新屬性，或者修改一個對象的現有屬性， 並返回這個對象。

let o = {};
let bValue = 1;
Object.defineProperty(o, "b", {
  get : function(){
    return bValue;
  },
  set : function(newValue){
    bValue = newValue;
    console.log('bValue變了');
    
  },
  enumerable : true,
  configurable : true
});

console.log(o.b); //1
o.b = 2; //'bValue變了'

 

Object.keys()：會返回一個給定對象的自身可枚舉屬性組成的數組，數組中屬性名的排列順序和使用for...in循環遍歷該對象時返回的順序一致 。

Object.values()：返回一個給定對象自身的全部可枚舉屬性值的數組，值的順序與使用for...in循環的順序相同 ( 區別在於 for-in 循環枚舉原型鏈中的屬性 )。

Object.entries()：返回一個給定對象自身可枚舉屬性的鍵值對數組，其排列與使用for...in循環遍歷該對象時返回的順序一致（區別在於 for-in 循環還會枚舉原型鏈中的屬性）。

Object.fromEntries()：把鍵值對列表轉換爲一個對象，是Object.entries()的逆操做。

let obj = { a: 1, b: 2, c: 3 };
let keys = Object.keys(obj);
let values = Object.values(obj);
let entries = Object.entries(obj);
keys; // ['a','b','c']
values; // [1,2,3]
entries; // [['a',1],['b',2],['c',3]]

let fromEntries = Object.fromEntries(entries);
fromEntries; // {a: 1, b: 2, c: 3}

 

Object.is()：判斷兩個值是不是相同的值。

Object.is('foo', 'foo');     // true
Object.is(window, window);   // true

Object.is('foo', 'bar');     // false
Object.is([], []);           // false

var foo = { a: 1 };
var bar = { a: 1 };
Object.is(foo, foo);         // true
Object.is(foo, bar);         // false

Object.is(null, null);       // true

// 特例
Object.is(0, -0);            // false
Object.is(0, +0);            // true
Object.is(-0, -0);           // true
Object.is(NaN, 0/0);         // true

 

先這麼多吧。