🌟JS 数组赋值,引用传递问题🌟

• 2025-03-17 10:32:48

摘要在 JavaScript 中，数组是一种非常常见的数据结构，但它的赋值方式常常让人摸不清头脑。当我们对数组进行赋值时，会发现它并不是简单的值...

在 JavaScript 中，数组是一种非常常见的数据结构，但它的赋值方式常常让人摸不清头脑。当我们对数组进行赋值时，会发现它并不是简单的值传递，而是引用传递。这意味着，当我们将一个数组赋值给另一个变量时，它们实际上指向的是同一个内存地址！🤔

例如：

```javascript

let arr1 = [1, 2, 3];

let arr2 = arr1;

arr2.push(4);

console.log(arr1); // 输出：[1, 2, 3, 4]

```

可以看到，修改 `arr2` 的内容也会影响 `arr1`，因为它们共享同一份数据。

那么如何避免这种情况呢？答案是使用深拷贝。通过 `slice()` 或 `concat()` 方法可以实现浅层拷贝，而 JSON 方法（如 `JSON.parse(JSON.stringify(obj))`）则适合更复杂的数据结构。👇

```javascript

let arr3 = arr1.slice();

arr3.push(5);

console.log(arr1); // 输出：[1, 2, 3, 4]

```

理解数组的引用传递机制，能帮助我们写出更健壮和高效的代码！💪

标签：