嵌套的javascript地图功能

Question

我正在研究一个带把手的MEAN项目。我最初只是直接从我的数据库查询中使用数据并将其推送到我的车把视图。我不得不停止这个，因为我想做一些数据转换，我也听说它是更好的安全实践，因为它剥离了你可能无意传递的数据。

无论如何，我无法使嵌套数据集的映射正确。

我的架构如下;

var approverSchema = mongoose.Schema({
    name: String,
    status: String,
    comment: String,
    date: Date
});

var taskSchema = mongoose.Schema({
    name: String,
    description: String,
    owner: String,
    businessUnit: String,
    status: String,  // draft, pending, approved, rejected
    approvalDue: Date,
    submitted: Date,
    approved: Date,
    approvers: [approverSchema]
});

我的代码是;

'use strict';
var Task = require('../models/task.js');

exports.home = function (req, res, next) {
    /* get tasks
    ------------------------------------------------------------------ */
    Task.find({
        owner: signedOnUser
    }, function (err, result) { //callback function
        if (err) {
            return console.log(err);
        } 
        var taskContext = {
            tasks: result.map(function(result){
                return {
                    name: result.name,
                    businessUnit: result.businessUnit,
                    status: result.status,
                    approvalDue: result.getDisplayDate(),
                    //approvers: result.approvers
                    approvers: result.approvers.map(function(result){
                        return {
                            name: result.approvers.name
                        };
                    })
                };
            })
        };
        res.render('home', {
            taskContext: taskContext,
        });
    });
};

我很确定我的问题是在function(result)，我正在通过嵌套地图，但我似乎无法做到正确。

Answer 1

我猜你在map函数中输了一个拼写错误：

'use strict';
var Task = require('../models/task.js');

exports.home = (req, res, next) => {
    /* get tasks
    ------------------------------------------------------------------ */
    Task.find({
        owner: signedOnUser
    }, function (err, results) { //callback function
        if (err) {
            return console.log(err);
        }

        const taskContext = {
          tasks: results.map((task) => {
              return {
                  name: task.name,
                  businessUnit: task.businessUnit,
                  status: task.status,
                  approvalDue: task.getDisplayDate(),
                  //approvers: task.approvers
                  approvers: task.approvers.map((approver) => {
                      return {
                          name: approver.name
                      };
                  })
              };
          })
      };
        res.render('home', {
            taskContext: taskContext,
        });
    });
};

在我的代码中，我为传递给每个map函数的参数使用了唯一的名称，以防止名称冲突。 在第二个map函数中，我直接从name参数而不是approver调用task.approvers.name属性。

Answer 2

John Kennedy回答了这个问题，但您可以使用对象解构来清理代码。听起来你在服务器端，所以你可以使用更新的JavaScript语法。

const taskContext = {
  tasks: result.map(({name, businessUnit, status, getDisplayDate, approvers}) => 
                      ({name, 
                        businessUnit, 
                        status, 
                        approvalDue: getDisplayDate(),
                        approvers: approvers.map(({name}) => {name})})
                   );

解构语法从对象中取出属性。那么你可以像name，businessUnit和status一样返回它们，它们将被设置为name:name，businessUnit:businessUnit和status:status，对于approvalDue和approvers我们需要做一些额外的工作。

将approvers: approvers.map(({name}) => {name})改为approvers: approvers.map(({name}) => name)也是一个好主意，因为现在它是一个Array的字符串，允许你使用Array.indexOf和Array.includes而不是Array.find等。