30秒的代码：如何在JavaScript中重命名多个对象键

最新推荐文章于 2024-09-27 00:45:01 发布

cumifi2519

最新推荐文章于 2024-09-27 00:45:01 发布

阅读量235

点赞数

文章标签： java python javascript mapreduce hadoop ViewUI

原文链接：https://www.freecodecamp.org/news/30-seconds-of-code-rename-many-object-keys-in-javascript-268f279c7bfa/

版权

30 Seconds of Code is a brilliant collection of JavaScript snippets, digestible in ≤ 30 seconds. Anyone looking to master JavaScript should go through the entire thing.

30秒的代码是精妙JavaScript片段集合，可在≤30秒内消化。 任何想要精通JavaScript的人都应该仔细研究整个过程。

The list didn’t contain a function to rename multiple object keys, however, so I created a pull request that thankfully got merged!

该列表没有包含重命名多个对象键的功能，因此，我创建了一个合并请求的拉取请求！

Here’s the official entry: https://30secondsofcode.org/object#renamekeys

这是官方条目： https : //30secondsofcode.org/object#renamekeys

I’ve previously written on renaming object keys, but we only changed one key at a time.

我以前写过重命名对象键的内容，但是我们一次只更改了一个键。

Then Adam Rowe kindly commented, asking how we might rename multiple object keys. I replied with this code sample after some thought and research.

然后Adam Rowe友善地评论，询问我们如何重命名多个对象键。经过一番思考和研究，我回复了此代码示例。

renameKeys = (keysMap, obj) =>
  Object.keys(obj).reduce(
    (acc, key) => ({
      ...acc,
      ...{ [keysMap[key] || key]: obj[key] }
    }),
    {}
  );

This was inspired by Ramda Adjunct’s renameKeys function.

这是受renameKeys Adjunct的renameKeys函数启发的。

keysMap contains key/value pairs of your old/new object keys.
keysMap包含旧/新对象键的键/值对。
obj is the object to be changed.
obj是要更改的对象。

You might use it like this:

您可以这样使用它：

keysMap = {
  name: 'firstName',
  job: 'passion'
};

obj = {
  name: 'Bobo',
  job: 'Front-End Master'
};

renameKeys(keysMap, obj);
// { firstName: 'Bobo', passion: 'Front-End Master' }

Let’s step through it! We can write an expanded, debugger-friendly version of this function:

让我们逐步完成它！我们可以编写此函数的扩展的， debugger友好的版本：

renameKeys = (keysMap, obj) => {
  debugger;

  return Object.keys(obj).reduce((acc, key) => {
    debugger;

    const renamedObject = {
      [keysMap[key] || key]: obj[key]
    };

    debugger;

    return {
      ...acc,
      ...renamedObject
    };
  }, {});
};

And we’ll use it like this:

我们将像这样使用它：

renameKeys(
  {
    name: 'firstName',
    job: 'passion'
  },
  {
    name: 'Bobo',
    job: 'Front-End Master'
  }
);

Pausing on line 2, we see that keysMap and obj have been properly assigned.

在第2行暂停，我们看到keysMap和obj已正确分配。

Here’s where the fun begins. Move to the next debugger.

这就是乐趣的开始。移至下一个debugger 。

Inspect our local variables on line 7:

检查第7行的局部变量：

acc: {} because that’s Array.reduce()’s initial value (line 19).
acc: {}因为那是Array.reduce()的初始值(第19行)。
key: “name” because it’s the first key from Object.keys(obj).
key: “name”因为它是Object.keys(obj)的第一个键。
renamedObject: undefined
renamedObject: undefined

Also notice that we can access keysMap and obj from the parent function’s scope.

还要注意，我们可以从父函数的作用域访问keysMap和obj 。

Guess what renamedObject will be. Like in my aforementioned post, we’re using computed property names to dynamically assign renamedObject's key.

猜想renamedObject将是什么。就像在我前面提到的文章中一样，我们使用计算出的属性名称来动态分配renamedObject的键。

If keysMap[key] exists, use it. Otherwise, use the original object key. In this case, keysMap[key] is “firstName”.

如果keysMap[key]存在，请使用它。否则，请使用原始对象密钥。在这种情况下， keysMap[key]是“firstName” 。