时间戳

首页 > 解决方案 > 如何用变量重命名对象的键？

javascript - 如何用变量重命名对象的键？

问题描述

我有一个对象：

blocks: [
  {
    type: 'animal',
    data: { text: 'Bark bark' }
  },
  {
    type: 'human',
    data: { text: 'Speak speak' }
  },
  ...
]

命名不符合我的data:需要，我想用type值重命名它。所以它应该是这样的：

blocks: [
  {
    type: 'animal',
    animal: { text: 'Bark bark' }
  },
  {
    type: 'human',
    human: { text: 'Speak speak' }
  },
  ...
]

我怎样才能用很少的 javascript 代码来实现这一点？我的解决方案确实有效，但似乎很愚蠢（特别是如果您考虑 10 多种不同的类型）：

const blocks = [];
oldBlocks.map(block => {
    const {type, data} = block;
    blocks.push({
        type: type,
        animal: type === "animal" ? data : undefined,
        human: type === "human" ? data : undefined,
        ....
    });
});

标签： javascriptjson

解决方案

使用方括号表示对象内部的表达式，允许您将变量作为键名来计算：

blocks.map(({type, data}) => ({ type, [type]: data }));

例子：

let blocks = [
  {
    type: 'animal',
    data: { text: 'Bark bark' }
  },
  {
    type: 'human',
    data: { text: 'Speak speak' }
  }
],


result = blocks.map(({type, data}) => ({ type, [type]: data }));

console.log(result);

推荐阅读