javascript - 基于属性的javascript克隆对象

Question

我正在像这样获取一组 JSON 对象

[ 
    { name: "Doc 1", 
      product: ["product 1", "product 2"],
      type: ["type 1", "type 2"] 
    },
    { name: "Doc 2", 
      product: ["product 1"],
      type: ["type 1"] 
    },
    { name: "Doc 3", 
      product: ["product 2"],
      type: ["type 2"] 
    }
    ...
]

我需要首先为对象的每个产品克隆对象(因此我有 2 个 Doc 1 实例)，然后我想根据产品对对象进行分组(这将给我另外 2 个对象)，然后根据类型进行分组，这将给我另外 2 个对象。

最初我们只是根据产品进行分组，但后来我们发现我们的文档有多个与之关联的产品，因此我们需要转换原始文档。

如何将每个卡克隆到每个产品的新阵列？

预计最终的对象组将类似于这个简单的实例，文档 1 是唯一的重复项，因为它与产品 1 和 2 相关联。

[ 
  { name: "Doc 1", 
    product: ["product 1", "product 2"],
    type: ["type 1", "type 2"] 
  },
  { name: "Doc 1", 
    product: ["product 1", "product 2"],
    type: ["type 1", "type 2"] 
  },
  { name: "Doc 2", 
    product: ["product 1"],
    type: ["type 1"] 
  },
  { name: "Doc 3", 
    product: ["product 2"],
    type: ["type 2"] 
  }
  ...
]

Answer 1

您可以使用Object.assign克隆对象，并使用[].concat(yourArray)克隆基元数组。

var docs = [ 
    { name: "Doc 1", 
      product: ["product 1", "product 2"],
      type: ["type 1", "type 2"] 
    },
    { name: "Doc 2", 
      product: ["product 1"],
      type: ["type 1"] 
    },
    { name: "Doc 3", 
      product: ["product 2"],
      type: ["type 2"] 
    }
]

var cloned = docs.map(function (c) {
   // This will not clone the product
   c = Object.assign({}, c);
   
   // Clone the product array
   c.product = [].concat(c.product);
   return c;
});

// Group by products
var byProduct = {
  /*
    "product 1": [...]
  */
};

cloned.forEach(function (c) {
  c.product.forEach(function (prod) {
    var groupedDocs = byProduct[prod] = byProduct[prod] || [];
    groupedDocs.push(c);
  });
});

console.log(byProduct);