js 常见的Object方法

Object.entries(obj)
将一个可枚举对象按照键值对展开为数组

let obj = {
    a:1,
    b:2,
}
let arr = Object.entries(obj)
//arr [[a,1],[b,2]]

Object.assign(target, source)
将一个或多个可枚举对象的可枚举属性复制到 target 对象，返回 target 对象。第一级属性深拷贝，以后级别属性浅拷贝

let obj1 = {
    a:1,
    b:2,
}
let obj2 = {
    c:3,
    d:4,
}
let obj3 = Object.assign(obj1, obj2)
//将 obj2 并入 obj1，返回 obj1 
//此时obj1，obj3 都指向{a:1,b:2,c:3,d:4}
//遇到相同的键，新的覆盖原有的，后面的覆盖前面的

Object.freeze(obj)
相应的也有判断是否冻结的方法----Object.isFrozen()
冻结一个对象。一个被冻结的对象再也不能被修改，包括所有的属性，甚至包括他的原型。返回与原对象相同参数的对象

var obj = {
  prop: function() {},
  foo: 'bar'
};
var o = Object.freeze(obj);
//此时对o的所有操作都是失效的，只读
//在严格模式，行为将抛出 TypeErrors

Object.create(obj)
创建一个新对象，将现有的对象创建为新对象的proto。返回一个新对象

const person = {
  isHuman: false,
  printIntroduction: function () {
    console.log(`My name is ${this.name}. Am I human? ${this.isHuman}`);
  }
};
const me = Object.create(person);
me.name = "Matthew"; // "name" is a property set on "me", but not on "person" name不是继承来的，而是me自己的
//继承的属性可以被覆写，但person.isHuman并不会被更改，覆写后相当于新建独有属性，脱离继承
me.isHuman = true; 
me.printIntroduction(); //My name is Matthew. Am I human? true

Object.keys(obj)
遍历一个对象，将 key 返回为数组

var obj = { 0: 'a', 1: 'b', 2: 'c' };
console.log(Object.keys(obj)); // console: ['0', '1', '2']

Object.defineProperty(obj, prop, descriptor)
参数：
obj：被操作对象
prop：修改或要定义的属性名
descriptor：修改或要定义的属性的属性描述，即prop的描述

//descriptor 的可选值
configurable：true/false //当此值为true，此属性的其他描述才可被编辑
enumerable：true/false //是否可枚举
value：’’ //该属性对应的值
writable：true/false //true时，value可被编辑
get() //属性被访问时触发，默认无此属性，为undefined，需手动设置
set() //属性被改变时触发，默认无此属性，为undefined，需手动设置
新增或修改一个对象的属性，并返回该对象

//单个操作
let obj = {}
Object.defineProperty(obj,'name',{value:'hello'})

//循环操作
var obj = { 0: 'a', 1: 'b', 2: 'c' };
Object.keys(obj).forEach(key=>{
    console.log(obj[key]) //依次输出'a','b','c'
    Object.defineProperty(obj, key,{value:'hello'}) 'a','b','c'依次变为'hello'
})
// obj的结果 {0: "hello", 1: "hello", 2: "hello"}
扩展：在vue中通过递归调用此方法，为对象的每一个属性绑定get()、set()方法，实现对象的数据监听

Object.getPrototypeOf(obj)
返回目标对象的 prototype 的值。
给定对象的原型。如果没有继承属性，则返回 [null]


const obj1 = {};
const obj2 = Object.create(obj1); // 新建对象obj2，并将obj1作为obj2的__proto__

console.log(Object.getPrototypeOf(obj2) === obj1);
// expected output: true