在Javascript中引用数组

Question

我有一个可能是个愚蠢的问题。 在下面的代码中，函数doStuff似乎将myArray重新分配给一个空数组，但是当在控制台中尝试它时，myArray仍然是[2,3,4,5]。

var myArray = [2, 3, 4, 5];
function doStuff(arr) {
   arr = [];
};

doStuff(myArray);
console.log(myArray)// => [2,3,4,5]

此外， 修改数组的函数似乎工作正常。 例如：

 function changeSecondIndex(arr){
      arr[2] = 25;
 }

 changeSecondIndex(myArray)
 console.log(myArray) // => [2,3,25,5]

有人可以帮我理解这里发生了什么吗？ 谢谢。

Answer 1

您的代码正在创建新的空数组，而是可以清空length = 0现有数组

 var myArray = [2, 3, 4, 5]; function doStuff(arr) { arr.length = 0; }; doStuff(myArray); console.log(myArray) 

Answer 2

Javacript数组通过引用传递 ，这意味着它们可以在函数内修改。 这就是您的第二个代码段有效的原因。

但是，您的第一个代码片段只是在函数范围内声明了一个新变量arr 。 它不会覆盖旧的变量名，它只会删除您引用传入的全局变量的能力。

该函数退出后，新变量arr超出范围，名称绑定将回退到您之前声明的全局变量。

这就是为什么doStuff()不会修改原始数组的原因 - 因为你实际上声明了一个刚刚在函数范围内共享相同名称的全新数组。

Answer 3

数组通过JavaScript 引用传递。 因此，在doStuff和changeSecondIndex函数中， arr参数包含对myArray的引用 。

在changeSecondIndex ，您正在使用该引用来访问和更新数组的属性。 你可以看到，这很好。 但是在doStuff ，实际发生的是你将arr设置为一个新数组。 这样做是为了删除arr是对myArray的引用并将其设置为新的空白数组的事实。 这就是myArray未被修改的原因。

Answer 4

对象在JavaScript中通过引用传递，当您在第一个示例中调用该函数时，参数arr是对调用该函数时传递的对象的引用

var myArray = [2, 3, 4, 5];
function doStuff(arr) {
   //arr is a variable that contains the first parameter used to invoke the 
   //function, if the variable is an object then it is passed by reference
   //
   //Here you are assigning the variable "arr" the value of a new array
   arr = [];
};

doStuff(myArray);
console.log(myArray)// => [2,3,4,5]

在第二个示例中，您正在修改传递的对象，所有内容仍然以相同的方式传递，不同之处在于您正在对传递的对象执行操作，而不是为变量分配新值。

 function changeSecondIndex(arr){
      //Acting on index 2 of the passed array and setting the value to 25
      arr[2] = 25;
 }

 changeSecondIndex(myArray)
 console.log(myArray) // => [2,3,25,5]

如果你想做类似你在第一个例子中尝试做的事情，可能会有某种对象包含一个包含变量的状态

var workingVars= {arr: [2, 3, 4, 5]};
function doStuff(env) {
   // here you are assigning a new empty array to arr property of 
   // passed parameter
   env.arr = [];
};
doStuff(workingVars);
console.log(workingVars.arr)// => []

Answer 5

您不需要函数和参数来进行实验。 在JS []和{}是对象创建模式（文字）并打破引用。 让我们来看看...

var a = [1,2];
var b = [2,4];
var c = a; // c references a array.
var d = b; // d references b array
a.length = 0; // a becomes []
b = []; // b becomes []
console.log(c); // [] c still references a
console.log(d); // [2,4] d is no more a reference to b

当然这同样适用于物体;

var o1 = {x:1, y:2};
var o2 = {x:2, y:4};
var p1 = o1; // p1 references o1
var p2 = o2; // p2 references o2
delete o1.x;
delete o1.y;
console.log(o1); // Object {}
console.log(p1); // Object {} p1 still references o1
o2 = {};
console.log(o2); // Object {}
console.log(p2); // Object {x: 2, y: 4} p2 is no more a reference to o2

Answer 6

要理解为什么会发生这种情况，您必须首先记住Javascript中的数组是一个对象 。 您的arr = []对您的全局声明没有任何影响的原因如下：

原因1：

arr = []不清除数组，它只是在内存中创建一个新的数组对象 ，无论如何。

所以在你的功能中：

function doStuff(arr) {
   arr = [];
};

doStuff(myArray)

你只是接受myArray并在本地范围内创建一个新的空版本，这导致了原因2。

原因2：

函数中声明的任何新对象/变量都局限于该函数的局部范围

所以：

function doStuff(arr) {
   arr = [];
};


doStuff(myArray) //logs [1,2,3,4]

arr = [] 在 doStuff函数的结束括号中被销毁，外部不存在。

原因3：

function doStuff(arr){

 arr[2] = 25;

}

doStuff(myArray)

这是有效的，因为你在arr变量中访问myArray并修改myArray对象的属性，这在javascript中是完全正常的。

简而言之： =运算符分配 ， 重新分配 s，并创建 s ...

arr = []是函数中新myArray对象的赋值，也被困在函数范围内。

arr[2] = 25临时访问myArray对象并重新分配属性 。

希望这可以帮助..

Answer 7

您已定义全局var myArray。 然后你想要访问这个全局数组并在功能上进行更改。 是的，它将覆盖全局数组，但仅限于您具体的功能。 在你的情况下函数doStuff（）。

如果你不调用doStuff（），它将保持全局的inicialization值！