vue.js将数组添加到数组

您可以使用 JavaScript 中数组的 concat() 方法将一个数组添加到另一个数组中。concat() 方法可以接收多个参数，每个参数可以是数组或值，它将它们连接成一个新数组并返回。以下是一个示例：

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let arr3 = arr1.concat(arr2); // 将 arr2 添加到 arr1 后面
console.log(arr3); // [1, 2, 3, 4, 5, 6]

另外，您也可以使用 JavaScript 中数组的 push() 方法将一个数组添加到另一个数组的末尾。以下是一个示例：

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
arr1.push(...arr2); // 将 arr2 添加到 arr1 的末尾
console.log(arr1); // [1, 2, 3, 4, 5, 6]

需要注意的是，push() 方法接收的是一个个的参数，因此我们在调用 push() 方法时需要使用展开运算符 (...) 将 arr2 展开为多个参数。

相关问题

vue.js将数组转化为string

您可以使用 JavaScript 中的 `JSON.stringify()` 方法将数组转换为字符串。例如：

var arr = [1, 2, 3, 4];
var arrString = JSON.stringify(arr);
console.log(arrString); // 输出: "[1,2,3,4]"

如果您想在 Vue.js 中使用这个字符串，您可以将其绑定到一个数据属性上，然后在模板中使用该属性。例如：

<template>
  <div>
    <p>{{ arrString }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      arr: [1, 2, 3, 4],
      arrString: ""
    };
  },
  mounted() {
    this.arrString = JSON.stringify(this.arr);
  }
};
</script>

这样，当组件挂载时，`this.arrString` 将被设置为 `[1,2,3,4]`，并在模板中显示出来。

vue.js将数组拼接并去重

可以使用ES6中的Set数据结构来去重，再将结果转换为数组。可以像下面这样实现：

const arr1 = [1, 2, 3];
const arr2 = [2, 3, 4];

const set = new Set([...arr1, ...arr2]);

const newArr = Array.from(set);

这里使用了扩展运算符将两个数组拼接成一个，并使用Set去除重复项，最后将结果转换为数组。