对象新增方法杂谈

前言

       最近在重温ES6，看的资料自然是阮一峰的《ECMAScript 6 入门》,看到对象的新增方法一章，特此记录一下。

1. Object.is() —— “同值相等”，判断两个值是否严格相等，和“===”有些许细微差别

不同之处只有两个：一是+0不等于-0，二是NaN等于自身。

+0 === -0 //true
NaN === NaN // false

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

2. Object.assign() —— 合并对象，将源对象自身（不拷贝继承属性）可枚举的属性复制到目标对象，第一个参数是目标对象，后续参数都是源对象。如果只传入了一个参数，会直接返回该参数，如果参数不是对象，那么会先转成对象，再返回。

const target = { a: 1, b: 1 };

const source1 = { b: 2, c: 2 };
const source2 = { c: 3 };

// 如果目标对象与源对象有同名属性，或多个源对象有同名属性，则后面的属性会覆盖前面的属性
Object.assign(target, source1, source2);
target // {a:1, b:2, c:3}

如果非对象参数出现在源对象的位置（即非首参数），那么处理规则有所不同。首先，这些参数都会转成对象，如果无法转成对象，就会跳过。这意味着，如果undefined和null不在首参数，就不会报错。其他类型的值（即数值、字符串和布尔值）不在首参数，也不会报错。但是，除了字符串会以数组形式，拷贝入目标对象，其他值都不会产生效果。

let obj = {a: 1};
Object.assign(obj, undefined) === obj // true
Object.assign(obj, null) === obj // true

const v1 = 'abc';
const v2 = true;
const v3 = 10;

const obj = Object.assign({}, v1, v2, v3);
console.log(obj); // { "0": "a", "1": "b", "2": "c" }

注意：（1）拷贝是浅拷贝，如果拷贝的属性是对象，那么拷贝的只是对象的引用；

           （2）同名属性的替换：遇到同名属性是替换而不是添加，这点在拷贝属性值为对象时尤为需要注意

const target = { a: { b: 'c', d: 'e' } }
const source = { a: { b: 'hello' } }
Object.assign(target, source)   // { a: { b: 'hello' } }

           （3）数组的处理：Object.assign可以用来处理数组，但是会把数组视为对象。下面代码中，Object.assign把数组视为属性名为 0、1、2 的对象，因此源数组的 0 号属性4覆盖了目标数组的 0 号属性1。

Object.assign([1, 2, 3], [4, 5])   // [4, 5, 3]

          （4）取值函数的处理：Object.assign只能进行值的复制，如果要复制的值是一个取值函数，那么将求值后再复制。

3.  Object.getOwnPropertyDescriptors() —— 返回某个对象属性的描述对象

function getOwnPropertyDescriptor(obj) {
    const result = {};
    for(let key of Reflect.ownKeys(obj)) {
        result[key] = Object.getOwnPropertyDescriptor(obj, key)
    }
    return result;
}

4. 原型对象的操作：

（1）Object.setPrototypeOf()（写操作）

（2）Object.getPrototypeOf()（读操作）

（3）Object.create(): 创建一个新对象，使用现有的对象来提供新创建的对象的__proto__

5. 对象的遍历操作

（1）Object.keys(): 返回参数对象自身（不含继承的）所有可遍历（enumerable）属性键名的数组。当键名为数字时，会按照键名升序排序后返回。

（2）Object.values(): 返回参数对象自身（不含继承的）所有可遍历（enumerable）属性键值的数组，遍历属性的顺序；

（3）Object.entries(): 返回参数对象自身的（不含继承的）所有可遍历（enumerable）属性的键值对数组；

（4）Object.fromEntries(): 是Object.entries()的逆操作，用于将一个键值对数组转为对象。

const obj = { foo: 'bar', baz: 42 };
object.keys(obj)   // ['foo', 'baz']
object.values(obj)   // ['bar', 42]
Object.entries(obj)  // [ ["foo", "bar"], ["baz", 42] ]

const entries = new Map([
  ['foo', 'bar'],
  ['baz', 42]
]);
Object.fromEntries(entries)   // { foo: "bar", baz: 42 }