javascript - 如何在 React 上的 Json 数据数组上添加新键

Question

我有 json 数据，我想操作它并存储在状态 setNewdata

const [newdata, setNewdata] = useState([])   
const data = [{
            id: 2048,
            title: 'フューチャーワークス',
            account_title_id: 1,
            detailed_id: 1,
            currency_id: 2,
          },
          {
            id: 2056,
            title: 'ああああああ',
            account_title_id: 1,
            detailed_id: 2,
            currency_id: 2,
          },
    ]

我想在这个json中添加两个键，即react中的label和value

[{
            id: 2048,
            title: 'フューチャーワークス',
            account_title_id: 1,
            detailed_id: 1,
            currency_id: 2,
            label: 'フューチャーワークス - 2048', // combine from id and title
            value: '1 - 1 - 2', // combine from  account_title_id,detailed_id
          },
          {
            id: 2056,
            title: 'ああああああ',
            account_title_id: 1,
            detailed_id: 2,
            currency_id: 2,
            label: 'ああああああ - 2048', // combine from id and title
            value: '1 - 2 - 2', // combine from  account_title_id,detailed_id,currency_id
          },
    ]



data.forEach((current) => {
      ,....
})

Answer 1

您可以使用map这里它将返回一个新数组并将数据设置为:

setNewData(result);

const data = [
  {
    id: 2048,
    title: "フューチャーワークス",
    account_title_id: 1,
    detailed_id: 1,
    currency_id: 2,
  },
  {
    id: 2056,
    title: "ああああああ",
    account_title_id: 1,
    detailed_id: 2,
    currency_id: 2,
  },
];

const result = data.map((o) => ({
  ...o,
  label: `${o.title} - ${o.id}`,
  value: `${o.account_title_id} - ${o.detailed_id} - ${o.currency_id}`,
}));

// setNewData(result);
console.log(result);