javascript - Vue JS 从一个 json 对象创建 json 对象

Question

关闭。此题需要 details or clarity 。目前不接受答案。

---

想要改进这个问题吗？通过 editing this post 添加详细信息并澄清问题.

已关闭 3 年前。

Improve this question

问题是这样的。我有一个 json 对象，假设它看起来像这样:

{
  "first": {
    "arg": [
        "val1",
        "val2"
    ]
  },
  "second": {
    "arg1": [
        "val11",
        "val12"
    ],
    "arg2": [
        "val21",
        "val22"
    ]
  }
}

现在我需要用它制作两个对象，如下所示:

{
  "first": {
    "arg":"val1"
  },
  "second": {
    "arg1":"val11",
    "arg2":"val21"
  }
}

第二个是这样的:

{
  "first": {
    "arg":"val2"
  },
  "second": {
    "arg1":"val12",
    "arg2":"val22"
  }
}

有简单的方法可以让它们变成这样吗？

Answer 1

您可以映射最内部的值或递归调用的映射值，并通过尊重索引将该值分配给对象。

function map(object) {
    return Object
        .entries(object)
        .reduce((r, [k, v]) => {
            (Array.isArray(v) ? v : map(v)).forEach((w, i) => {
                r[i] = r[i] || {};
                r[i][k] = w;
            });
            return r;
        }, []);
}

var data = { first: { arg: ["val1", "val2"] }, second: { arg1: ["val11", "val12"], arg2: ["val21", "val22"] } },
    result = map(data);

console.log(result);

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