javascript - 合并数组对象

Question

嗨，我一直在尝试制作以下数组

[
    {
        "name": "Study",
        "questions": [
            {
                "question": "Would you Love to learn about Java?",
                "answer": "Yes"
            }
        ]
    },
    {
        "name": "Song",
        "questions": [
            {
                "question": "Would you Love to learn about song?",
                "answer": "Yes"
            },
            {
                "question": "Would you Love to learn about rock?",
                "answer": "No"
            }
        ]
    }
]

对此

[
    {
        "questions": [
            {
                "question": "Would you Love to learn about Java?",
                "answer": "Yes",
                "name": "Study"
            }
        ]
    },
    {
        "questions": [
            {
                "question": "Would you Love to learn about song?",
                "answer": "Yes",
                "name": "Song"
            },
            {
                "question": "Would you Love to learn about rock?",
                "answer": "No",
                "name": "Song"
            }
        ]
    }
]

我试过 map到两个数组(来自 name 和 questions )并尝试将它们组合起来，但我无法使其适用于 questions 中的多个数组.我怎样才能做到这一点？有没有 loadash方式也很容易做到这一点。但我正在尝试以 Vanilla JavaScript 方式来做到这一点。

Answer 1

你可以试试双.map() :

let input = [
    {
        "name": "Study",
        "questions": [
            {
                "question": "Would you Love to learn about Java?",
                "answer": "Yes"
            }
        ]
    },
    {
        "name": "Song",
        "questions": [
            {
                "question": "Would you Love to learn about song?",
                "answer": "Yes"
            },
            {
                "question": "Would you Love to learn about rock?",
                "answer": "No"
            }
        ]
    }
]

let result = input.map(({name, questions}) => ({ questions: questions.map(q => ({name, ...q })) }));

console.log(result);