2021 年 10 月 30 日

ES 提案：Object.fromEntries()

提案 “Object.fromEntries” （由 Darien Maillet Valentine, Jordan Harband 和 Kevin Gibbons 提出）处在 stage 4 阶段，因此是 ES2019 的一部分。这篇博客解释它是如何工作的。

Object.fromEntries() 与 Object.entries()

通过可迭代的 [key, value] 部分，Object.fromEntries() 创建一个对象：

Object.fromEntries([
  ['foo', 1],
  ['bar', 2],
]);
// {foo: 1, bar: 2}

它是 Object.entries() 的反面：

const obj = {
  foo: 1,
  bar: 2,
};

Object.entries(obj);
// [['foo',1], ['bar',2]]

结合 Object.entries() 和 Object.fromEntries() 帮助实施对象相关的各种操作，继续阅读示例。

例子

_.pick(object, ...keys)

pick() 删除 object 中不包含 key 的所有属性。删除是非破坏性的：pick() 返回新的副本而没有破坏原对象。举例来说：

const address = {
  street: 'Evergreen Terrace',
  number: '742',
  city: 'Springfield',
  state: 'NT',
  zip: '49007',
};

pick(address, 'street', 'number');
// {
//   street: 'Evergreen Terrace',
//   number: '742',
// }

我们可以按照以下实现 pick()：

function pick(object, ...keys) {
  const filteredEntries = Object.entries(object).filter(([key, _value]) =>
    keys.includes(key),
  );
  return Object.fromEntries(filteredEntries);
}

_.invert(object)

invert() 非破坏性的交换 object 的键和值：

invert({ a: 1, b: 2, c: 3 });
// {1: 'a', 2: 'b', 3: 'c'}

我们可以像这样实现它：

function invert(object) {
  const mappedEntries = Object.entries(object).map(([key, value]) => [
    value,
    key,
  ]);
  return Object.fromEntries(mappedEntries);
}

_.mapObject(object, iteratee, context?)

mapObject() 就像 Array 的方法 .map()，但是作用于对象：

mapObject({ x: 7, y: 4 }, (value) => value * 2);
// {x: 14, y: 8}

这是一种实现：

function mapObject(object, callback, thisValue) {
  const mappedEntries = Object.entries(object).map(([key, value]) => {
    const mappedValue = callback.call(thisValue, value, key, object);
    return [key, mappedValue];
  });
  return Object.fromEntries(mappedEntries);
}

_.findKey(object, predicate, context?)

findKey() 返回其第一个属性的键 predicate 返回 true：

const address = {
  street: 'Evergreen Terrace',
  number: '742',
  city: 'Springfield',
  state: 'NT',
  zip: '49007',
};

findKey(address, (value, _key) => value === 'NT');
// 'state'

我们可以按照以下实现它：

function findKey(object, callback, thisValue) {
  for (const [key, value] of Object.entries(object)) {
    if (callback.call(thisValue, value, key, object)) {
      return key;
    }
  }
  return undefined;
}

实现

Object.fromEntries() 可以按照下面代码实现（忽略了一些检查）：

function fromEntries(iterable) {
  const result = {};
  for (const [key, value] of iterable) {
    let coercedKey;
    if (typeof key === 'string' || typeof key === 'symbol') {
      coercedKey = key;
    } else {
      coercedKey = String(key);
    }
    Object.defineProperty(result, coercedKey, {
      value,
      writable: true,
      enumerable: true,
      configurable: true,
    });
  }
  return result;
}

通过 npm 包 Object.fromEntries 可获得一个官方的填充。