JavaScript 如何扩展现有数组而不创建新数组

JavaScript数组是一种强大的数据结构，它允许您存储和操作数据集合。通常，我们可能需要将两个或多个数组合并或扩展为一个单独的数组。通过连接两个或多个数组可以很容易地创建一个新数组，但是如果我们想要扩展一个现有数组而不创建新数组，有两种简单的方法可以实现。

• 使用 ‘push()’ 方法
• 使用扩展运算符 ‘…’

以下示例展示了如何使用’push()’方法将一个数组的元素添加到另一个数组中。

语法：

arr1.push(...arr2);

示例 1： 在这个例子中，我们有两个数组 ‘arr1’ 和 ‘arr2’。我们使用 ‘push（）’ 方法在 ‘arr1’ 上，然后使用扩展运算符（’…’）扩展 ‘arr2’。 这会将 ‘arr2’ 的元素附加到 ‘arr1’ 而不创建新的数组。

Javascript

<script> 
    const arr1 = [1, 2, 3]; 
    const arr2 = [4, 5, 6]; 
    arr1.push(...arr2); 
    console.log(arr1); 
</script>

输出：

[1, 2, 3, 4, 5, 6 ]

或者，您可以使用扩展运算符来创建一个新的数组，其中包含两个数组的元素，然后将新数组赋值回原始数组以扩展它。

语法:

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

示例2: 注意，在原地扩展数组可能是一种破坏性操作，因为它修改了原始数组。如果你需要保持原始数组完整，可以考虑使用展开运算符创建一个包含两个数组元素的新数组，如第二个示例中所示。

Javascript

<script> 
    let arr1 = ['geeks', 'for'] 
    let arr2 = ['geeks'] 
    arr1 = [...arr1, ...arr2] 
    console.log(arr1); 
</script>

输出：

[ 'geeks', 'for', 'geeks' ]