【问题标题】:convert an object of arrays into individual objects in react在反应中将数组对象转换为单个对象
【发布时间】:2023-02-10 16:37:37
【问题描述】:

我有一个数组对象,我想从这些数组值创建单个对象,

"SUMMARY_TABLE": {
                "PRODUCT_CODE": [
                    123,
                    123,
                    123,
                    123,
                    123
                ],
                "TYPE": [
                    "CURRENT",
                    "OPTIMAL",
                    "MINIMUM",
                    "MAXIMUM",
                    "FUTURE"
                ],
                "LOT_SIZE": [
                    268.0,
                    268.0,
                    268.0,
                    268.0,
                    500.0
                ]}

以上是我得到的回应。我想从这些数据中创建 5 个单独的对象,例如

{
"product_code": 123,
"type": "current",
"lot_size" : 268
}

类似地在其他索引处使用数组中的值。 我正在尝试这个,但它没有给我我需要的结果。 k 包含键名和值数组,如 ['Product_Code', Arr(5)]

const data = Object.entries(selectedProductDetails.SUMMARY_TABLE).map(
    (k, v) => {
      let obj = {};
      return {
        ...obj, k: k[i++]
      }
    });

我将不胜感激。

【问题讨论】:

    标签: javascript reactjs


    【解决方案1】:

    您可以使用 .map 并为每个元素创建一个新的 object

    这是一个例子:

    const summaryTable = {
      "PRODUCT_CODE": [
          123,
          123,
          123,
          123,
          123
      ],
      "TYPE": [
          "CURRENT",
          "OPTIMAL",
          "MINIMUM",
          "MAXIMUM",
          "FUTURE"
      ],
      "LOT_SIZE": [
          268.0,
          268.0,
          268.0,
          268.0,
          500.0
      ]
    };
    
    const individualObjects = summaryTable.PRODUCT_CODE.map((productCode, index) => {
      return {
        product_code: productCode,
        type: summaryTable.TYPE[index].toLowerCase(),
        lot_size: summaryTable.LOT_SIZE[index]
      }
    });
    
    console.log(individualObjects);
    

    【讨论】:

      猜你喜欢
      • 2019-02-12
      • 2019-05-08
      • 2020-12-05
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-10-10
      相关资源
      最近更新 更多