如何将这两个数组放在单独的对象中并推送到 JS 中的主数组？

Question

我有 2 个过滤数组：

productsByCategory,
productsByTag

所以我需要得到以下结构：

this.filteredProducts = [{
  type: 'Category'
  products: productsByCategory // it's array
}, {
  type: 'Tag'
  products: productsByTag // it's array
}]

所以这应该是最终的结果。 我正在使用 Vue.js 和 lodash。 如何以优雅的方式实现这一目标？

Answer 1

如果您说出该结构背后的意图，则可以给出一个很好的直接答案，否则您只能使用一种方法来完成它。

{
  data() {
    return {
      productsByCategory: [],
      productsByTag: [],
      filteredProducts: []
    };
  },
  methods: {
    groupProducts() {
      this.filteredProducts.push({
        type: "Category",
        products: this.productsByCategory
      });
      this.filteredProducts.push({
        type: "Tag",
        products: this.productsByTag
      });
    }
  }
}