Question

我要做的是创建两个相同的数组。当我更改输入字段中的值并单击按钮时，我只想更改第二个数组中的值。但是，当我这样做时，由于一些奇怪的原因，它会改变两个数组中的值？知道我做错了吗？

以下是我的代码的简化版本：

使用Javascript：

var arr1=[],

    arr2=[];

$(':input').each(function()
{
    var id = $(this).attr('id');

    arr1[id] = arr2[id] = {'text': $(this).val()};
});

$('#click').click(function()
{
    $(':input').each(function()
    {
        arr2[$(this).attr('id')].text = $(this).val();
    });

    alert(arr1['whatever'].text + '\n\n' + arr2['whatever'].text);

    return false;
});

HTML：

<input type="text" id="whatever" value="test">
<br><br>
<button type="button" id="click">Click</button>

Here is an example ，即当我将输入字段中的值更改为test2并单击按钮时，它会显示它更改了两个数组中的值。

如果可能，我不想改变我创建这些数组的方式，例如arr[id] = {'text': $(this).val()}。除非这就是问题所在。

Answer 1

您将对象存储在阵列

中

arr1[id] = arr2[id] = {'text': $(this).val()};

对象是 ByRef ，而不是 ByVal ，因此它们不仅仅是相同的，它们是相同的内存位，而更改它们会改变它们。你可能想让它们像这样;

var val = $(this).val();
arr1[id] = {'text': val};
arr2[id] = {'text': val};

Answer 2

使用slice()

var array2 = array1.slice(0);

Answer 3

如果为两个不同的变量指定一个double值，它们将具有相同的值，但是当你更改一个值时，你也会更改第二个值。

$(':input').each(function() {
    var id = $(this).attr('id'),
        val = $(this).val();
    arr1[id] = {'text': val};
    arr2[id] = {'text': val};
});

如何创建两个相同的数组并更改一个值？

3 个答案: