在 vuejs 中联合两个或多个对象答案

【问题标题】：Union two or more Objects in vuejs在 vuejs 中联合两个或多个对象
【发布时间】：2025-12-02 02:30:01
【问题描述】：

使用 Vuejs/Laravel，我有这个代码：

 var app = new Vue({
 el: '#app',
 data: {
   UnionObjects : [],
   persons:[],
  },

我有两个对象，分别是 person.object1 和 person.object2。我想在 UnionObjets 中合并这两个对象：[]，

我使用这个功能：

  Union: function(person) {
     this.UnionObjects=person.object1 //here i need to add also person.object2 ;
        },

谢谢

【问题讨论】：

【解决方案1】：

你可以像这样分配一个新数组：

this.UnionObjects = [person.object1, person.object2]

如果 UnionObjects 已经包含您希望保留的元素，请使用扩展运算符和人员对象：

this.UnionObjects = [...this.UnionObjects, person.object1, person.object2]

【讨论】：

【解决方案2】：

你可以使用concat函数如下：

Union: function(person) {
 this.UnionObjects= person.object1.concat(person.object2 )
    }

【讨论】：

谢谢您，先生，随时为您提供帮助。但是在联合之后，我得到了 2 个数组。 [0] 和 [1] ，我也想将这些数组合并到一个数组中，这可能吗？推送缺少的第二件事，每次我执行该功能时都是重复的。