主页 / coding / 问题 / 79123225
Accepted
Mithilesh choubey
Asked: 2024-10-25 02:24:22 +0800 CST

将键值对象转换为对象数组

  • 772

我有以下格式的对象键值。

{
    "Code1": {
        "char10": "ch1",
        "number1": "1",
        "text1": "txt1"
    },
    "Code2": {
        "char2": "ch2",
        "num2": "2"
    },
    "Code3": {
        "text": "txt4"
    }
}

想要转换为这种格式：

{
  "Code1": [
    {
      "char10": "ch1",
      "number1": "1",
      "text1": "txt1"
    }
  ],
  "Code2": [
    {
      "char2": "ch2",
      "num2": "2"
    }
  ],
  "Code3": [
    {
      "text": "txt4"
    }
  ]
}

设法获得了有点相似的响应，但没有得到我想要的确切输出。

尝试了下面的代码片段但它返回的格式与预期不同。

Object.entries(payload).map((e) => ( { [e[0]]: e[1] } ))

以上片段的响应：

[
    {
        "Code1": {
            "char10": "ch1",
            "number1": "1",
            "text1": "txt1"
        }
    },
    {
        "Code2": {
            "char2": "ch2",
            "num2": "2"
        }
    },
    {
        "Code3": {
            "text": "txt4"
        }
    }
]
javascript

3 个回答

  1. Best Answer

    您可以获取所有条目并将其与新对象的包装值进行映射。

    const
    data = { Code1: { char10: "ch1", number1: "1", text1: "txt1" }, Code2: { char2: "ch2", num2: "2" }, Code3: { text: "txt4" } },
    result = Object.fromEntries(Object
        .entries(data)
        .map(([k, v]) => [k, [v]])
    );

console.log(result);
    .as-console-wrapper { max-height: 100% !important; top: 0; }

    • 4

  2. 您可以使用Object.entries()withreduce()将每个条目转换为包含对象的数组来解决此问题。

    您可以按照以下方式操作：

    const payload = {
    "Code1": {
        "char10": "ch1",
        "number1": "1",
        "text1": "txt1"
    },
    "Code2": {
        "char2": "ch2",
        "num2": "2"
    },
    "Code3": {
        "text": "txt4"
    }
};

const transformed = Object.entries(payload).reduce((acc, [key, value]) => {
    acc[key] = [value];
    return acc;
}, {});

console.log(transformed);
    • 0

  3. 您需要减少对象的条目，并为每个键值对将键分配给结果对象并为其提供包装在数组内的值。

    我在下面编写了一个可重复使用的函数，它采用一个可选项valueMapper，可以在分配给结果对象时转换值。

    const data = {
  Code1: { char10: 'ch1', number1: '1', text1: 'txt1' },
  Code2: { char2:  'ch2', num2: '2' },
  Code3: { text:   'txt4' }
}

const result = reduceEntries(data, (v) => [v]); // Wrap the value in an array

console.log(result);

function reduceEntries(obj, valueMapper) {
  return Object.entries(data).reduce((result, [key, value]) =>
    Object.assign(result, {
      [key]: valueMapper ? valueMapper(value, key) : value
    }) ,{});
}
    .as-console-wrapper { top: 0; max-height: 100% !important; }

    当然，也可以用Array.prototype.mapandObject.fromEntries来代替Array.prototype.reduceand Object.assign。两种解决方案都可以。

    function reduceEntries(obj, valueMapper) {
  return Object.fromEntries(Object.entries(data).map(([key, value]) =>
    [key, valueMapper ? valueMapper(value, key) : value]));
}
    • 0

相关问题