JavaScript: 如何合并数组而不清空已有数据

在使用 JavaScript 数组时，我们经常需要将新的数据添加到已有数组中。但有时我们需要保留已有数据，而不仅仅是替换它。

例如，以下代码片段使用 Set 对象来去除重复元素，并将其添加到名为 this.mustMiddlegroundDifArr 的数组中。

const set = new Set();
for(var i = 0; i < this.selectionRows.length; i++){
  set.add(this.selectionRows[i]);
}

this.mustMiddlegroundDifArr =[...set];

然而，这种方法会清空 this.mustMiddlegroundDifArr 中的原有数据，只保留 set 中的新数据。

为了解决这个问题，我们可以使用扩展运算符 (...) 将原有数据和新数据合并成一个新的数组。修改后的代码如下：

const set = new Set();
for(var i = 0; i < this.selectionRows.length; i++){
  set.add(this.selectionRows[i]);
}

this.mustMiddlegroundDifArr = [...this.mustMiddlegroundDifArr, ...set];

这样就会将原有数据和新数据合并到 this.mustMiddlegroundDifArr 中，而不会清空原有数据。

总结：

使用扩展运算符 (...) 可以轻松将两个数组合并成一个新的数组，并保留已有数据。在处理数组合并时，这种方法简单高效，值得推荐。