如何在反应js中使用来自另一个对象的数据填充对象答案

【问题标题】：How to populate object with data from another object in react js如何在反应js中使用来自另一个对象的数据填充对象
【发布时间】：2021-03-24 03:34:31
【问题描述】：

我正在尝试从大量数据（大约 1200 个条目）中呈现图表。该图表包含一组具有文本和值属性的对象，如图 1 所示。我输入的数据是一个对象，它具有字符串和数字的键值对，如图 2 所示。如何将数据从 FIG2 格式转换为 FIG1 格式，以便在图表中使用它？非常感谢任何帮助。


//FIG1
let words = [
  {
    text: "told",
    value: 64,
  },
  {
    text: "great",
    value: 11,
  },
  {
    text: "thought",
    value: 16,
  },
  {
    text: "clean",
    value: 17,
  },
];

//FIG2
const data = {
          "give it a try!": 97,
          "go for 6 months and get 1 month free": 8,
          "go for 12 months and get 2 month free": 2,
          "go for 12 months and get 2 months free": 6,
          "go to url": 1,
        };


...

return (
    <div>
      <h1>Chart</h1>
      <ReactWordcloud words={words} />
    </div>
  );

【问题讨论】：

什么是用于实现FIG2 的模式，因为我看不到使用来自FIG1 的数据创建它的任何方法？
数据来自 API。这是 30k 的文本条目。我必须对相同的文本值进行分组并计算它们。这就是为什么它看起来像FIG2。 var sorted = []; for (var i = 0; i < textData.length; i++) { sorted.push(textData[i].toLowerCase()); } sorted.sort(); let countedAnchorTextGroups2 = sorted.reduce((allGroups2, item2) => { if (item2 in allGroups2) { allGroups2[item2]++; } else { allGroups2[item2] = 1; } return allGroups2; }, {});

标签： javascript reactjs

【解决方案1】：

简单易学

const transformed = Object.entries(data).map(( [key, value] )=>{
    return { text:key , value: value }
})

【讨论】：

哇，它就像一个魅力。这让我大吃一惊。非常感谢兄弟。