时间戳

首页 > 解决方案 > 将多个值映射到一个属性的最佳方法

javascript - 将多个值映射到一个属性的最佳方法

问题描述

我有以下对象，它们代表由一组问题及其可能的答案选项组成的调查：

{ "surveyTitle": "Survey 1", "questionText": "Question 1?", "questionId": 1, "offeredAnswerText": "Answer 1", "offeredAnswerId": 1 },
{ "surveyTitle": "Survey 1", "questionText": "Question 1?", "questionId": 1, "offeredAnswerText": "Answer 2", "offeredAnswerId": 2 },
{ "surveyTitle": "Survey 1", "questionText": "Question 2?", "questionId": 2, "offeredAnswerText": "Answer 3", "offeredAnswerId": 3 }

这是来自我桌子上的 INNER JOIN 并且传递到前端的状态不是很好。我正在尝试修改调查对象，以便我可以先按问题分组，然后将答案选项映射到他们的问题，使它们看起来像这样：

question: { id: int, text: string, answerOptions: [] }

其中 ananswerOption由 atext和组成id：

answerOption: { offeredAnswerId, offeredAnswerText }

我有以下表达式：

const questions = _.chain(rows).groupBy("id").map((question, i) => ({
        id: i,
        text: question[0].questionText,
        answerOptions: _.map(question, 'offeredAnswerText')
    })).value();

到目前为止效果很好，但我希望answerOptions数组也包含完整的answerOption对象，即如上所示的 id 和文本。

我在我的项目中使用 lodash 来帮助解决这个问题。

标签： javascriptlodash

解决方案

您可以直接映射想要的属性。并questionId取而代之id为分组。

var rows = [{ "surveyTitle": "Survey 1", "questionText": "Question 1?", "questionId": 1, "offeredAnswerText": "Answer 1", "offeredAnswerId": 1 }, { "surveyTitle": "Survey 1", "questionText": "Question 1?", "questionId": 1, "offeredAnswerText": "Answer 2", "offeredAnswerId": 2 }, { "surveyTitle": "Survey 1", "questionText": "Question 2?", "questionId": 2, "offeredAnswerText": "Answer 3", "offeredAnswerId": 3 }],
    questions = _.chain(rows)
        .groupBy("questionId")
        .map((question, id) => ({
            id,
            text: question[0].questionText,
            answerOptions: _.map(question, ({ offeredAnswerId, offeredAnswerText }) => ({ offeredAnswerId, offeredAnswerText }))
        }))
        .value();

console.log(questions);
.as-console-wrapper { max-height: 100% !important; top: 0; }
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.min.js"></script>

推荐阅读