将尽我所能解释我正在尝试做的事情。

我有两个模型，我的模型和我收到的 api 响应。当项目 api 响应出现时，我需要将其映射到我的模型并插入所有项目。这当然很简单。这是问题所在，我需要在不知道自己在处理什么的情况下这样做。我的代码将以两个字符串传递，一个是我的模型映射路径，另一个是 api 响应映射路径。

这是两条路

var myPath = "outputModel.items[].uniqueName"
var apiPath = "items[].name"

基本上对于 apiPath 中的所有 items，插入 myPath 中的 items 并设置为 uniqueName

归根结底，我的代码不知道何时需要映射两个项目，或者即使它们包含数组或简单字段到字段路径。它们甚至可以包含多个数组，如下所示:

********************* 示例 *************************

var items = [
    {
        name: "Hammer",
        skus:[
            {num:"12345qwert"}
        ]
    },
    {
        name: "Bike",
        skus:[
            {num:"asdfghhj"},
            {num:"zxcvbn"}
        ]
    },
    {
        name: "Fork",
        skus:[
            {num:"0987dfgh"}
        ]
    }
]

var outputModel = {
    storeName: "",
    items: [
        {
            name: "",
            sku:""
        }
    ]
};


outputModel.items[].name = items[].name;
outputModel.items[].sku = items[].skus[].num;

************************ 这是上面的预期结果

var result = {
    storeName: "",
    items: [
        {
            name: "Hammer",
            sku:"12345qwert"
        },
        {
            name: "Bike",
            sku:"asdfghhj"
        },
        {
            name: "Bike",
            sku:"zxcvbn"
        },
        {
            name: "Fork",
            sku:"0987dfgh"        }
    ]
};

我将获得一组要映射的每个值的路径。在上面的例子中，我得到了两组路径，因为我正在映射两个值。它必须遍历两组数组才能在我的模型中创建单个数组。

问题 - 无论两个模型路径看起来如何，我如何动态检测数组并正确移动数据？可能吗？

最佳答案

所以你定义了一种小语言来定义一些数据寻址和操作规则。让我们考虑一种方法，让您可以说

access(apiPath, function(value) { insert(myPath, value); }

access 函数在 apiPath 中找到所有需要的项目，然后回调到 insert，将它们插入到 myPath。我们的工作是编写创建access 和insert 函数的函数；或者，您可以说，将您的小语言“编译”为我们可以执行的函数。

我们将编写名为make_accessor 和make_inserter 的“编译器”，如下所示:

function make_accessor(program) {

  return function(obj, callback) {

    return function do_segment(obj, segments) {
      var start    = segments.shift()             // Get first segment
      var pieces   = start.match(/(\w+)(\[\])?/); // Get name and [] pieces
      var property = pieces[1];
      var isArray  = pieces[2];                   // [] on end
      obj          = obj[property];               // drill down

      if (!segments.length) {                     // last segment; callback
        if (isArray) {
          return obj.forEach(callback);
        } else {
          return callback(obj);
        }
      } else {                                    // more segments; recurse
        if (isArray) {                            // array--loop over elts
          obj.forEach(function(elt) { do_segment(elt, segments.slice()); });
        } else {
          do_segment(obj, segments.slice());      // scalar--continue
        }
      }
    }(obj, program.split('.'));
  };
}

我们现在可以通过调用 make_accessor('items[].name') 创建访问器。

接下来，让我们编写插入器:

function make_inserter(program) {

  return function(obj, value) {

    return function do_segment(obj, segments) {
      var start    = segments.shift()             // Get first segment
      var pieces   = start.match(/(\w+)(\[\])?/); // Get name and [] pieces
      var property = pieces[1];
      var isArray  = pieces[2];                   // [] on end

      if (segments.length) {                      // more segments
        if (!obj[property]) {
          obj[property] = isArray ? [] : {};
        }
        do_segment(obj, segments.slice());
      } else {                                    // last segment
        obj[property] = value;
      }
    }(obj, program.split('.'));
  };
}

现在，您可以将整个逻辑表达为

access = make_accessor('items[].name');
insert = make_inserter('outputModel.items[].uniqueName');

access(apiPath, function(val) { insert(myPath, val); });

关于Javascript:确定未知数组长度并动态映射，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30113417/