uniapp数组连接

数组连接方法

在UniApp中，可以使用JavaScript原生方法或第三方库实现数组连接。以下是几种常见方式：

concat方法 使用Array.prototype.concat()连接多个数组，返回新数组：

const arr1 = [1, 2];
const arr2 = [3, 4];
const newArr = arr1.concat(arr2); // [1, 2, 3, 4]

展开运算符 ES6展开运算符...可简化连接操作：

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

push方法结合展开符 需要修改原数组时可用push：

const arr1 = [1, 2];
const arr2 = [3, 4];
arr1.push(...arr2); // arr1变为[1, 2, 3, 4]

多维数组处理

扁平化连接 使用flat()处理嵌套数组：

const arr = [1, [2, 3], [4, 5]];
const flattened = arr.flat(); // [1, 2, 3, 4, 5]

指定扁平层级

const arr = [1, [2, [3]]];
const flattened = arr.flat(2); // [1, 2, 3]

性能考虑

大数据量时建议使用concat，其性能优于展开运算符。Vue/UniApp环境下，若需触发响应式更新，应使用Vue.set或数组的变异方法：

this.$set(this, 'array', [...this.array, ...newItems]);

实用场景示例

分页加载数据

loadMore() {
  const newData = /* 获取新数据 */;
  this.list = [...this.list, ...newData];
}

条件连接

const base = [1, 2];
const optional = condition ? [3, 4] : [];
const result = [...base, ...optional];