原生JavaScript实现合并多个数组示例

下面我将详细介绍如何使用原生JavaScript实现合并多个数组。

1. 简单粗暴的方法

我们可以使用concat()函数将多个数组合并成一个：

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let arr3 = [7, 8, 9];
let arr = arr1.concat(arr2, arr3);
console.log(arr); //[1, 2, 3, 4, 5, 6, 7, 8, 9]

这个方法非常简单粗暴，但是并不够灵活，如果我们有很多个数组需要合并，显然写起来会很麻烦。

2. 使用展开运算符

我们可以使用展开运算符(...)来将多个数组展开，再用concat()函数进行合并：

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let arr3 = [7, 8, 9];
let arr = [...arr1, ...arr2, ...arr3];
console.log(arr); //[1, 2, 3, 4, 5, 6, 7, 8, 9]

这个方法更加灵活，可以很方便地合并任意数量的数组。

3. 实现一个merge函数

我们也可以实现一个自定义的merge函数来合并多个数组：

function merge(...args) {
  return args.reduce((prev, curr) => [...prev, ...curr], []);
}

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];
let arr3 = [7, 8, 9];
let arr = merge(arr1, arr2, arr3);
console.log(arr); //[1, 2, 3, 4, 5, 6, 7, 8, 9]

这种方法使用reduce()函数来合并多个数组，更加灵活，也更加容易理解。

以上三种方法都是可行的，取决于你的场景和需求，选择一种最适合你的即可。