时间戳

首页 > 解决方案 > 在 JavaScript 数组中更新现有变量

javascript - 在 JavaScript 数组中更新现有变量

问题描述

在 JavaScript 中，当我将变量添加到数组中，然后更新数组中的每个元素时，为什么在控制台中输出时变量具有相同的值？

在下面，我希望所有变量都显示777在控制台中，但它们显示为 0。

记录阵列时[777,777,777]按预期显示。

var number1 = 0;
var number2 = 0;
var number3 = 0;

var numbers = [number1, number2, number3];

function updateNumbers() {
  var i;
  for (i = 0; i < numbers.length; i++) {
    numbers[i] = 777;

    console.log(numbers);

    console.log(number1);
    console.log(number2);
    console.log(number3);
  }

}

updateNumbers();

标签： javascriptarraysloopsfor-loopvar

解决方案

创建数组时，您是按值传递变量，而不是对变量的引用。

var a = 1;
var b = 2;
var c = 3;
var test = [a, b, c];
console.log(test);

你可以做你想做的（有点），但你需要使用对象。

var a = {
  value: 1
};
var b = {
  value: 2
};
var c = {
  value: 3
};

var test = [a, b, c];
// test[0] refers to a
// test[1] refers to b
// test[2] refers to c

function updateNumbers() {
  var i;
  for (i = 0; i < test.length; i++) {
    test[i].value = 777;
  }
}

updateNumbers();

console.log(test); // this wont output like in your example
console.log(a.value);
console.log(b.value);
console.log(c.value);

推荐阅读