📜  角度将数组附加到另一个 - Javascript(1)

📅  最后修改于: 2023-12-03 14:57:23.249000             🧑  作者: Mango

从不同角度把一个数组附加到另一个数组

当我们需要将一个数组附加到另一个数组时,通常最容易想到的方法是使用Array.concat()方法或展开运算符进行连接。但是,还可以从不同角度和方式来实现这个任务。以下是一些实现方法和思路。

方法1:使用Array.push()和展开运算符

我们可以使用Array.push()方法将一个数组中的所有元素附加到另一个数组中,并通过展开运算符将数组展开以保持平面。以下是代码示例:

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];

Array.prototype.push.apply(arr1, arr2);

console.log([...arr1]); // [1, 2, 3, 4, 5, 6]

这里我们使用了Array.prototype.push.apply()方法,将arr2的元素追加到arr1中。我们也可以使用另一种方式来实现这个任务:

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];

arr1.push(...arr2);

console.log([...arr1]); // [1, 2, 3, 4, 5, 6]

通过展开运算符,我们可以将arr2展开并将其元素附加到arr1中。

方法2:使用Array.slice()和Array.push()

另一种方法是使用Array.slice()方法拆分一个数组,并使用Array.push()方法将其元素附加到另一个数组中。以下是代码示例:

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];

Array.prototype.push.apply(arr1, arr2.slice());

console.log([...arr1]); // [1, 2, 3, 4, 5, 6]

我们首先使用slice()方法来创建arr2数组的一个副本。然后,我们使用Array.prototype.push.apply()将arr2副本中的元素附加到arr1中。

方法3:使用Array.reduce()方法

我们还可以使用Array.reduce()方法将一个数组附加到另一个数组中。以下是代码示例:

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];

let result = arr2.reduce((acc, curr) => {
  return [...acc, curr];
}, arr1);

console.log(result); // [1, 2, 3, 4, 5, 6]

我们将arr2数组的元素添加到已有的累加器数组中,并返回一个新数组作为下一个累加器值。最后,我们返回结果数组。

方法4:使用Spread Operator和Array.unshift()方法

还可以通过使用Spread Operator和Array.unshift()方法将一个数组附加到另一个数组的开头。以下是代码示例:

let arr1 = [1, 2, 3];
let arr2 = [4, 5, 6];

let result = [...arr2, ...arr1];

console.log(result); // [4, 5, 6, 1, 2, 3]

我们首先使用展开运算符连接两个数组,然后使用Array.unshift()方法将arr1的元素附加到arr2的开头。

以上是几种从不同角度将一个数组附加到另一个数组的实现方法。无论哪一种方法您选择,都可以轻松地将一个数组附加到另一个数组中。